:root{--blue:#0066cc;--blue2:#0757b4;--blue-dark:#003e86;--blue-50:#edf6ff;--blue-100:#ddecff;--ink:#162b45;--ink-2:#334960;--muted:#6f8296;--line:#e3ebf2;--bg:#f3f7fb;--white:#fff;--green:#168057;--green-light:#e9f8f0;--amber:#91600c;--amber-light:#fff6e2;--red:#c53e4b;--red-light:#fff0f1;--shadow:0 5px 30px rgba(29,70,119,.06);font-synthesis:none}*{box-sizing:border-box}html{font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #78b9ff;outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}p{line-height:1.55}.hidden{display:none!important}.site-wrap{max-width:1420px;margin-left:auto;margin-right:auto}.topline{height:38px;background:#063b7e;color:#d6eaff;font-size:10px;letter-spacing:.11em;font-weight:700}.topline .site-wrap{height:100%;display:flex;align-items:center;gap:9px;padding:0 28px}.top-dot{width:6px;height:6px;border-radius:50%;background:#7cceff}.topline-right{margin-left:auto;color:#9ac7f9}.hero{height:205px;border-radius:0 0 18px 18px;background:linear-gradient(108deg,#0066cc 0%,#0856af 54%,#003c81 100%);color:white;display:flex;align-items:center;padding:30px 53px;position:relative;overflow:hidden;box-shadow:0 14px 38px rgba(0,69,150,.14)}.hero-glow{position:absolute;width:470px;height:440px;right:-120px;top:-215px;background:radial-gradient(circle,#67b9ff55,transparent 62%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(white 1px,transparent 1px),linear-gradient(90deg,white 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,transparent 26%,#000 100%)}.hero-rings{position:absolute;right:130px;bottom:-245px;border:1px solid #e8f6ff3b;width:490px;height:490px;border-radius:50%;box-shadow:0 0 0 58px #e8f6ff0a,0 0 0 112px #e8f6ff0b}.brandmark{flex:none;width:70px;height:70px;border:1px solid #a5d4ff91;background:#ffffff1d;border-radius:19px;display:grid;place-items:center;margin-right:24px;z-index:1}.brandmark svg{width:41px;height:41px;color:#fff}.hero-copy{position:relative;z-index:1}.hero-eyebrow{color:#badfff;letter-spacing:.16em;font-size:11px;font-weight:800;margin-bottom:14px}.hero h1{font-size:clamp(25px,3.15vw,39px);font-weight:800;line-height:1.1;margin:0 0 13px}.hero p{font-size:14px;color:#e4f1ff;margin:0;max-width:690px}.hero-symbol{margin-left:auto;position:relative;z-index:1;width:235px;opacity:.86}.hero-symbol svg{width:100%}.main-grid{padding:28px 16px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;min-height:540px}.panel-head{padding:29px 30px 20px;display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.overline{font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--blue);margin-bottom:9px}.panel-head h2{font-size:22px;margin:0 0 9px}.panel-head p{font-size:13px;color:var(--muted);margin:0}.count-chip,.badge{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;border-radius:999px;font-size:11px;font-weight:750;padding:7px 11px}.count-chip{color:var(--blue);background:var(--blue-50)}.list-tools{padding:0 30px 14px}.search-box{position:relative;display:flex;align-items:center;width:100%}.search-box input{width:100%;border:1px solid var(--line);background:#fbfdff;border-radius:9px;height:43px;padding:0 14px 0 41px;outline:none;font-size:13px;color:var(--ink)}.search-box input:focus{border-color:#72b7fa;box-shadow:0 0 0 3px #d9ecff}.i{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-box .i{position:absolute;left:13px;color:#8a9cb0}.form-list{padding:0 15px 10px}.form-card{display:flex;gap:14px;width:100%;padding:18px 16px;border:1px solid transparent;border-radius:11px;text-align:left;background:#fff;color:inherit;transition:background .18s,border-color .18s}.form-card:hover{background:#f8fbff}.form-card.selected{border-color:#bfddff;background:#eff7ff}.form-icon{flex:none;width:43px;height:43px;border-radius:12px;background:#edf5ff;color:var(--blue);display:grid;place-items:center}.form-icon svg{width:21px;height:21px}.form-card.selected .form-icon{background:#0066cc;color:#fff}.form-card-info{min-width:0;flex:1}.form-card-title{font-weight:750;font-size:14px;line-height:1.45;margin:1px 0 6px}.form-card-description{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 9px}.form-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-card .arrow{align-self:center;color:#95a8bd;font-size:24px}.badge-open{background:#e5f7ee;color:#147347}.badge-close{background:#f3f5f8;color:#69788c}.badge-pin{background:#eaf2ff;color:var(--blue)}.badge-warning{background:var(--amber-light);color:var(--amber)}.tiny-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:50px;display:inline-flex;align-items:center;gap:4px}.muted{color:var(--muted)}.list-bottom{display:flex;gap:12px;margin:14px 30px 30px;border:1px solid #d8e9fc;border-radius:11px;background:#f6faff;padding:15px}.tip-icon{width:25px;height:25px;border-radius:50%;flex:none;background:#deeeff;color:var(--blue);font-weight:800;text-align:center;line-height:25px}.list-bottom strong{font-size:12px}.list-bottom p{margin:4px 0 0;font-size:11px;color:#6d8097}.detail-inner{padding:30px}.detail-topline{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:17px}.detail-inner h2{font-size:22px;line-height:1.35;margin:0 0 13px}.detail-desc{font-size:13px;color:var(--muted);margin-bottom:22px}.info-strip{display:flex;align-items:center;gap:10px;background:#f1f7ff;border:1px solid #dcecff;border-radius:10px;color:#235a97;padding:11px 13px;font-size:12px;margin-bottom:22px}.info-strip strong{color:#0a4f9f}.detail-separator{height:1px;background:var(--line);margin:18px 0 24px}.section-label{display:flex;align-items:center;gap:11px;color:#004eaa;font-size:12px;letter-spacing:.025em;font-weight:800;margin:24px 0 15px}.section-n{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e9f4ff;font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:15px;min-width:0}.field label{display:block;font-size:12px;font-weight:700;color:#3a4e63;margin-bottom:8px}.req{color:#e35161}.input,.field input,.field textarea,.field select{display:block;width:100%;font-size:13px;color:var(--ink);border:1px solid #dce5ee;border-radius:8px;padding:11px 12px;outline:none;background:#fff;min-height:42px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:85px}.field input:focus,.field textarea:focus,.field select:focus,.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #dceeff}.field input::placeholder,.field textarea::placeholder{color:#a4afbc}.btn{border:1px solid transparent;border-radius:8px;min-height:40px;padding:0 15px;display:inline-flex;gap:8px;justify-content:center;align-items:center;font-size:12px;font-weight:750;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#0055ab}.btn-soft{background:#eaf4ff;color:#0757b4}.btn-outline{border-color:#d7e5f4;background:white;color:#286098}.btn-danger{background:#cf3f4e;color:#fff}.btn-danger-outline{background:white;border-color:#ffd1d6;color:#c43c47}.btn-ghost{background:transparent;color:#607b97}.btn-sm{padding:0 11px;min-height:34px}.btn-block{width:100%}.btn-square{width:35px;padding:0}.submit-area{background:#f8fbff;margin:28px -30px -30px;padding:23px 30px;border-top:1px solid var(--line)}.submit-area .btn{min-height:44px}.submit-note{font-size:11px;color:#73869a;text-align:center;margin-top:12px}.year-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:13px}.year-card-head{display:flex;align-items:center;justify-content:space-between;background:#f7faff;padding:13px 15px}.year-card-head strong{font-size:13px}.year-body{padding:15px}.row-ctrl{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 0;border-top:1px dashed #dce5ef}.position-card{position:relative;background:#fcfdff;border:1px solid #e5edf5;border-radius:9px;padding:13px;margin:12px 0}.position-card:first-child{margin-top:0}.position-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;color:#38618d;font-weight:750}.checkline{display:flex;align-items:center;gap:8px;color:#667d94;font-size:12px;cursor:pointer}.checkline input{accent-color:var(--blue)}.empty-year{padding:14px;color:#8194a7;font-size:12px;text-align:center;background:#fcfdff;border-radius:7px}.year-disabled{opacity:.6;pointer-events:none}.success-panel{text-align:center;padding:45px 22px}.success-circle{display:grid;place-items:center;margin:0 auto 18px;width:62px;height:62px;border-radius:50%;background:#e2f7ee;color:#168459;font-size:30px}.success-panel h2{font-size:22px}.success-panel p{color:var(--muted);font-size:13px}.reference-code{display:inline-block;margin:9px 0 18px;font-size:19px;font-weight:850;color:#0653a5;border-radius:9px;background:#edf6ff;padding:10px 18px}.empty-message{padding:45px 24px;text-align:center;color:var(--muted);font-size:13px}.site-footer{padding:24px 22px 38px;display:flex;justify-content:space-between;gap:12px;color:#8ca0b4;font-size:11px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:350px;pointer-events:none;transform:translateY(25px);opacity:0;transition:opacity .2s,transform .2s;border:1px solid #b6dfcc;border-radius:11px;background:#f0fff6;color:#147649;padding:13px 19px;box-shadow:0 15px 35px #123f6c18;font-size:13px;font-weight:700}.toast.show{transform:none;opacity:1}.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 30%,#d6e9ff,transparent 32%),radial-gradient(circle at 85% 70%,#daeaff,transparent 30%),#f4f8fc}.login-card{max-width:460px;background:#fff;border-radius:20px;padding:43px;box-shadow:0 20px 70px rgba(19,74,135,.12);border:1px solid #e2eaf3;text-align:center}.login-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 21px;border-radius:20px;background:#e6f3ff;color:var(--blue)}.login-icon svg{width:32px}.login-card h1{font-size:26px;margin:0 0 12px}.login-card p{font-size:13px;color:var(--muted);margin-bottom:24px}.demo-alert{text-align:left;border:1px solid #f4dfa9;background:#fffaf0;border-radius:10px;padding:14px;color:#8a691f;font-size:12px;margin-bottom:20px}.demo-alert strong,.demo-alert span{display:block}.demo-alert span{line-height:1.55;margin-top:5px}.quiet-link{display:block;text-decoration:none;margin-top:21px;font-size:12px;color:#64819e}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:260px;flex:none;background:#0b2646;color:#bdd0e3;padding:26px 16px;display:flex;flex-direction:column;gap:12px;min-height:100vh}.admin-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;padding:0 8px 24px;border-bottom:1px solid #294767;margin-bottom:16px}.brand-square{width:39px;height:39px;border-radius:10px;background:#0066cc;color:#fff;font-size:28px;text-align:center;line-height:39px}.admin-brand strong{display:block;font-size:12px;letter-spacing:.04em}.admin-brand small{display:block;color:#92abc4;font-size:11px;margin-top:4px}.nav-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:#7596b7;padding:0 12px 8px}.admin-nav{display:grid;gap:5px}.nav-btn{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;width:100%;background:none;border:0;border-radius:9px;color:#b9cfe5;font-size:13px;font-weight:650;text-align:left}.nav-btn:hover{background:#193e65}.nav-btn.active{background:#0966c7;color:#fff}.nav-glyph{font-size:22px;width:24px;text-align:center;line-height:1}.sidebar-spacer{flex:1}.sidebar-info{border:1px solid #284968;border-radius:11px;background:#153657;padding:13px;display:flex;align-items:flex-start;gap:9px}.sidebar-info strong,.sidebar-info small{display:block}.sidebar-info strong{font-size:11px;color:#eff7ff}.sidebar-info small{font-size:10px;color:#9bb6cf;margin-top:4px}.status-light{width:8px;height:8px;border-radius:50%;background:#6fc5ee;margin-top:4px}.sidebar-preview{font-size:12px;padding:12px;color:#bcd9ff;text-decoration:none}.admin-content{min-width:0;flex:1}.admin-topbar{height:76px;background:white;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-breadcrumb{font-size:11px;letter-spacing:.055em;color:#8297aa;font-weight:750}.admin-breadcrumb span{color:#bccbd9;margin:0 8px}.admin-breadcrumb strong{color:#34516d}.topbar-actions{display:flex;align-items:center;gap:13px}.demo-tag{font-size:10px;background:#fff6e7;color:#aa721b;padding:7px 10px;border-radius:100px;font-weight:800;letter-spacing:.05em}.admin-main{max-width:1310px;padding:35px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:27px}.page-heading h1{font-size:27px;margin:0 0 7px}.page-heading p{font-size:13px;color:var(--muted);margin:0}.admin-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-label{font-size:12px;color:#6f839a;font-weight:650}.metric-value{font-size:31px;font-weight:850;letter-spacing:-.05em;margin:14px 0 5px;color:#183b5f}.metric-detail{font-size:11px;color:#96a6b5}.metric-icon{font-size:20px;float:right;color:var(--blue);background:#eaf4ff;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.admin-section{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);margin-top:22px;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid var(--line)}.section-head h2{font-size:16px;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.admin-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.data-table th{background:#fafcff;color:#7890a7;font-weight:750;white-space:nowrap}.data-table td,.data-table th{padding:15px 18px;border-bottom:1px solid #eaf0f5;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdff}.cell-title{font-size:12px;font-weight:800;color:#264763;line-height:1.4}.cell-sub{color:#91a1b1;font-size:10px;margin-top:4px}.actions{display:flex;gap:5px;flex-wrap:wrap}.icon-btn{border:1px solid #e0e9f2;color:#5a718a;background:#fff;border-radius:7px;width:33px;height:33px;display:inline-grid;place-items:center;font-size:16px}.icon-btn:hover{background:#f0f7ff;border-color:#b7dcff;color:var(--blue)}.icon-btn.danger:hover{background:#fff1f3;border-color:#fbd3d8;color:#be3544}.icon-btn.active{background:#e8f3ff;color:var(--blue);border-color:#c8dfff}.admin-filter{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter-btn{border:1px solid #e0eaf4;border-radius:8px;background:#fff;padding:8px 12px;font-size:11px;font-weight:750;color:#6d8398}.filter-btn.active{background:#eaf4ff;color:#0062bd;border-color:#c6e2fe}.section-body{padding:22px 24px}.activity-list{list-style:none;margin:0;padding:0}.activity-list li{display:flex;align-items:flex-start;gap:12px;font-size:12px;padding:13px 0;border-bottom:1px solid #edf2f8}.activity-list li:last-child{border-bottom:0}.activity-dot{width:10px;height:10px;border-radius:50%;background:#74aefa;flex:none;margin-top:5px}.activity-list b{color:#335677}.activity-list small{display:block;color:#9babb9;margin-top:4px}.admin-two{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.empty-state{padding:45px 15px;text-align:center;color:#8198ad;font-size:12px}.empty-state .empty-symbol{font-size:34px;margin-bottom:15px}.table-subtitle{font-size:11px;color:#8aa0b4}.modal-backdrop{position:fixed;z-index:200;inset:0;background:rgba(10,28,51,.55);display:grid;place-items:center;padding:20px;overflow-y:auto}.modal{background:#fff;border-radius:16px;width:min(100%,660px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 90px #07172d55}.modal-header{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-header h2{margin:0;font-size:19px}.modal-header p{color:var(--muted);font-size:12px;margin:6px 0 0}.modal-body{padding:22px 25px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:18px 25px;border-top:1px solid var(--line);background:#fbfdff}.modal-close{border:0;background:#f2f6fa;color:#6c839a;width:31px;height:31px;border-radius:8px;font-size:19px}.builder-rows{display:grid;gap:8px}.builder-row{border:1px solid var(--line);padding:12px;border-radius:9px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;gap:8px;align-items:center}.builder-row .input{min-height:35px;padding:6px 9px;font-size:12px}.builder-row label{font-size:11px}.check-compact{display:flex;gap:5px;align-items:center;font-size:11px;white-space:nowrap}.check-compact input{accent-color:var(--blue)}.builder-actions{display:flex;gap:4px}.builder-actions button{border:1px solid #e2eaf3;background:white;color:#5a718a;border-radius:6px;padding:5px 8px}.helper-text{font-size:11px;color:#8296a9;line-height:1.6;margin:6px 0}.control-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.control-row .input{max-width:300px}.pill{display:inline-block;border-radius:99px;background:#edf4fb;padding:5px 10px;color:#557695;font-size:11px}.danger-panel{background:#fff7f8;border:1px solid #f8cdd2;border-radius:10px;padding:16px;font-size:12px;color:#a63d47}.inline-message{padding:12px 14px;border-radius:9px;background:#f2f8ff;border:1px solid #e0efff;color:#365c82;font-size:12px}.tab-links{display:flex;gap:8px;flex-wrap:wrap}.tab-link{font-size:12px;font-weight:750;padding:8px 11px;border-radius:7px;border:1px solid #e3ebf4;background:white;color:#5f7892}.tab-link.active{color:#005ab7;background:#eaf4ff;border-color:#c3e0fd}.round-card{border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.round-card strong{font-size:13px}.round-card p{font-size:11px;color:var(--muted);margin:7px 0 0}.round-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.checklist{display:grid;gap:8px;color:#5f7892;font-size:12px}.checklist label{display:flex;gap:9px}.checklist input{accent-color:var(--blue)}
@media(max-width:1150px){.hero{margin:0 12px}.main-grid{gap:14px}.admin-grid4{grid-template-columns:repeat(2,1fr)}.admin-sidebar{width:220px}.admin-main{padding:26px}.field-grid{grid-template-columns:1fr}.hero-symbol{width:160px}}@media(max-width:780px){.topline-right{display:none}.topline{height:35px}.topline .site-wrap{font-size:8px}.hero{height:auto;min-height:185px;padding:30px 22px;margin:0;border-radius:0 0 14px 14px}.hero h1{font-size:25px}.hero-eyebrow{font-size:9px;line-height:1.5}.hero p{font-size:12px}.hero-symbol{display:none}.brandmark{width:49px;height:49px;border-radius:13px;margin-right:13px}.brandmark svg{width:31px}.main-grid{grid-template-columns:1fr;padding:14px 12px 0}.panel{min-height:unset}.panel-head{padding:24px 19px 17px}.panel-head h2{font-size:20px}.list-tools{padding:0 18px 11px}.form-list{padding:0 8px 5px}.form-card{padding:13px}.list-bottom{margin:12px 18px 20px}.detail-inner{padding:23px 19px}.submit-area{margin:25px -19px -23px;padding:20px}.site-footer{flex-direction:column;padding:22px 15px 30px}.admin-shell{display:block}.admin-sidebar{width:auto;min-height:unset;display:block;padding:13px 15px}.admin-brand{padding:0 0 12px;margin:0 0 12px}.nav-label,.sidebar-spacer,.sidebar-info,.sidebar-preview{display:none}.admin-nav{display:flex;overflow-x:auto}.nav-btn{white-space:nowrap;padding:9px;font-size:11px;min-height:38px}.nav-glyph{font-size:16px;width:18px}.admin-topbar{height:auto;min-height:61px;padding:13px 19px}.admin-main{padding:22px 12px}.admin-grid4{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:16px}.metric-value{font-size:25px}.admin-two{grid-template-columns:1fr}.page-heading h1{font-size:22px}.page-heading{flex-wrap:wrap}.section-head{padding:16px}.section-body{padding:15px}.demo-tag{display:none}.builder-row{grid-template-columns:1fr 1fr}.builder-actions{grid-column:span 2}.round-card{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.brandmark{display:none}.hero h1{font-size:23px}.topline .site-wrap{letter-spacing:.025em}.count-chip{font-size:10px;padding:5px 7px}.panel-head h2{font-size:18px}.form-card-title{font-size:13px}.detail-inner h2{font-size:20px}.field-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.modal-header,.modal-body,.modal-footer{padding:16px}.login-card{padding:28px 20px}.topbar-actions .btn{font-size:10px}}


/* ================================================================
   Dai tieu de: anh panorama mau xanh #0066CC da duoc duyet.
   Anh nam trong assets/banner-cong-dang-ky.png.
   Lop phu lam dam phia trai de van ban trang luon de doc.
   ================================================================ */
.hero {
  height: 235px;
  background-color: #0066cc;
  background-image:
    linear-gradient(90deg,
      rgba(0, 50, 113, .94) 0%,
      rgba(0, 68, 138, .89) 31%,
      rgba(0, 78, 150, .68) 54%,
      rgba(0, 83, 154, .17) 77%,
      rgba(0, 77, 145, .08) 100%),
    url('./banner-cong-dang-ky.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center, center 61%;
}
/* Nen anh da co hoa tiet rieng, khong can cac lop hoa tiet cu */
.hero-glow, .hero-grid, .hero-rings, .hero-symbol { display: none; }
.hero-copy { max-width: 780px; }
.hero-eyebrow { color: #e2f3ff; text-shadow: 0 1px 2px rgba(0, 29, 74, .4); }
.hero h1, .hero p { text-shadow: 0 2px 5px rgba(0, 36, 86, .44); }
.hero p { color: #f4faff; }
.brandmark { background: rgba(0, 85, 170, .34); backdrop-filter: blur(4px); }
@media (max-width: 780px) {
  .hero { min-height: 200px; height: auto; background-position: center, 56% 58%; }
}


/* =========================
   Dieu chinh banner va typo theo y kien duyet
   ========================= */
.hero{
  height:250px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 48px;
  background-color:#0066cc;
  background-image:
    linear-gradient(90deg, rgba(0,49,108,.90) 0%, rgba(0,73,143,.66) 36%, rgba(0,94,171,.28) 66%, rgba(0,96,177,.12) 100%),
    url('./banner-cong-dang-ky.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.hero-copy,.hero-copy-centered{
  width:100%;
  max-width:1020px;
  margin:0 auto;
  text-align:center;
}
.hero-copy-centered p,.hero-copy p{
  margin-left:auto;
  margin-right:auto;
  max-width:760px;
  font-size:16px;
  line-height:1.65;
}
.hero-eyebrow, .hero-eyebrow-main{
  color:#eef7ff;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:17px;
  font-weight:700;
  line-height:1.5;
  margin-bottom:12px;
  text-shadow:0 2px 6px rgba(0,30,74,.35);
}
.hero h1{
  font-size:clamp(34px,3.35vw,48px);
  line-height:1.15;
  margin:0 0 14px;
  text-align:center;
}
.hero p{color:#f8fbff;text-shadow:0 2px 6px rgba(0,36,86,.42)}
.brandmark,.hero-symbol,.hero-glow,.hero-grid,.hero-rings{display:none!important}
.overline{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:none;
  color:#3a79bf;
  margin-bottom:10px;
}
.panel-head h2{font-size:26px;line-height:1.3;margin:0 0 10px}
.panel-head p{font-size:15px;line-height:1.65}
.detail-topline .overline{margin-bottom:0}
.detail-inner h2{font-size:28px;line-height:1.35}
.detail-desc{font-size:15px;line-height:1.7}
.section-label{font-size:14px;font-weight:700;letter-spacing:.02em}
.section-n{width:29px;height:29px;font-size:13px}
.field label{font-size:14px;font-weight:700;margin-bottom:8px}
.input,.field input,.field select,.field textarea{font-size:15px}
.list-bottom strong{font-size:14px}
.list-bottom p{font-size:13px;line-height:1.65}
.form-card-title{font-size:16px;font-weight:700}
.form-card-description{font-size:14px;line-height:1.6}
.info-strip{font-size:13px}
@media (max-width:780px){
  .hero{min-height:215px;height:auto;padding:28px 18px}
  .hero-eyebrow,.hero-eyebrow-main{font-size:13px;letter-spacing:.03em;line-height:1.45}
  .hero h1{font-size:29px}
  .hero-copy-centered p,.hero-copy p{font-size:14px}
  .overline{font-size:11px}
  .panel-head h2{font-size:22px}
  .detail-inner h2{font-size:24px}
}