:root{
  --navy:#123D2C; --navy-2:#1A4A30; --navy-soft:#205239;
  --gold:#D4AF37; --gold-l:#E8CE7A; --gold-d:#9C7C1E;
  --crimson:#6B1E2E; --crimson-l:#8A3344;
  --ivory:#F7F4ED; --ivory-2:#FBF9F4; --ink:#2A2A2A;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --wrap:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.serif{font-family:var(--serif)}
.eyebrow{font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;font-weight:600}
.sec{padding:84px 0}
.sec-t{font-family:var(--serif);font-weight:600;font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.12;margin:0 0 8px}
.sec-lead{font-size:1.02rem;max-width:62ch;margin:0 auto;color:#55606e}
.center{text-align:center}
.rule{width:90px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:18px auto 26px}
/* lang */
.lang{position:fixed;top:14px;right:14px;z-index:60;display:flex;gap:1px;background:rgba(18,61,44,.55);backdrop-filter:blur(6px);border:1px solid rgba(212,175,55,.35);border-radius:999px;padding:3px}
.lang button{background:transparent;border:0;color:#cdd3e0;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;padding:6px 9px;cursor:pointer;border-radius:999px;transition:.15s}
.lang button[aria-current=true]{background:var(--gold);color:var(--navy)}
/* hero */
.hero{position:relative;background:radial-gradient(120% 80% at 50% 0%,var(--navy-soft),var(--navy) 55%,#0A2A1C);color:var(--ivory);text-align:center;padding:120px 22px 90px;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 30% at 50% 24%,rgba(212,175,55,.12),transparent 70%);pointer-events:none}
.hero-in{position:relative;z-index:2;max-width:780px;margin:0 auto;animation:rise .8s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.crown{width:70px;height:70px;margin:0 auto 20px;stroke:var(--gold);fill:none}
.hero .eyebrow{color:var(--gold-l);margin-bottom:16px}
.brand{font-family:var(--serif);font-weight:600;line-height:.98;font-size:clamp(3rem,11vw,6.2rem);margin:0 0 4px}
.brand .miss{display:block;font-size:.3em;letter-spacing:.46em;text-transform:uppercase;color:#cdd3e0;font-weight:500;margin-bottom:.4em}
.brand .name{background:linear-gradient(180deg,var(--gold-l),var(--gold) 55%,var(--gold-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-logo{margin:0 0 2px;line-height:0}
.logo{width:clamp(200px,40vw,280px);height:auto;margin:0 auto;display:block;border-radius:26px;border:1px solid rgba(212,175,55,.4);box-shadow:0 12px 44px rgba(0,0,0,.45),0 0 0 6px rgba(212,175,55,.06)}
.tagline{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,3vw,1.7rem);margin:20px auto 4px;color:var(--ivory)}
.hero-sub{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-l);font-weight:600}
.hero-final{display:inline-block;margin-top:22px;border:1px solid rgba(212,175,55,.5);border-radius:999px;padding:9px 20px;font-size:13.5px;letter-spacing:.06em;color:var(--ivory)}
.cd{display:flex;gap:16px;justify-content:center;margin:30px 0 8px;flex-wrap:wrap}
.cd .u{min-width:66px}
.cd .n{font-family:var(--serif);font-size:clamp(1.9rem,6vw,2.8rem);font-weight:600;color:var(--gold-l);line-height:1}
.cd .l{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#aab3c4;margin-top:5px}
.btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:600;font-size:14px;padding:13px 28px;border-radius:999px;text-decoration:none;transition:background .15s}
.btn:hover{background:var(--gold-l)}
.btn-ghost{background:transparent;border:1.5px solid var(--gold);color:var(--gold-l)}
/* cards/grids */
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.g6{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.card{background:#fff;border:1px solid #ece3d2;border-radius:14px;padding:26px 24px}
.card h3{font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--navy);margin:0 0 8px}
.card p{font-size:.95rem;color:#55606e}
.num{font-family:var(--serif);font-size:1.6rem;color:var(--gold-d);font-weight:600}
.sec--navy{background:var(--navy);color:var(--ivory)}
.sec--navy .sec-t{color:var(--ivory)} .sec--navy .sec-lead{color:#aeb6c6}
.sec--navy .card{background:var(--navy-2);border-color:rgba(212,175,55,.22)}
.sec--navy .card h3{color:var(--gold-l)} .sec--navy .card p{color:#b9c0d0}
.sec--ivory{background:var(--ivory-2)}
/* values 6 cánh */
.val{text-align:center;padding:18px 12px}
.val .vn{font-family:var(--serif);font-size:1.25rem;color:var(--navy);font-weight:600}
.val .vi{width:34px;height:34px;margin:0 auto 8px;color:var(--gold-d)}
.sec--navy .val .vn{color:var(--gold-l)}
/* criteria bars */
.crit{max-width:680px;margin:0 auto}
.crit .row{margin:0 0 18px}
.crit .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.crit .cn{font-family:var(--serif);font-size:1.2rem;color:var(--navy);font-weight:600}
.crit .pc{font-family:var(--serif);font-size:1.5rem;color:var(--gold-d);font-weight:700}
.crit .bar{height:9px;background:#ece3d2;border-radius:99px;overflow:hidden}
.crit .fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-d));border-radius:99px}
.crit .cd2{font-size:.9rem;color:#55606e;margin-top:6px}
/* rounds */
.round{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(212,175,55,.25)}
.round .rk{font-family:var(--serif);font-size:1.8rem;color:var(--gold-d);font-weight:700;min-width:40px}
.round h3{font-family:var(--serif);font-size:1.3rem;color:var(--navy);font-weight:600;margin:0 0 4px}
.round p{font-size:.94rem;color:#55606e}
/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px;margin:0 auto}
.chip{border:1px solid rgba(212,175,55,.5);color:var(--gold-l);border-radius:999px;padding:9px 18px;font-size:.92rem}
/* provinces */
.prov{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.prov .p{background:#fff;border:1px solid #ece3d2;border-radius:12px;padding:14px 22px;text-align:center;min-width:130px}
.prov .pn{font-family:var(--serif);font-size:1.15rem;color:var(--navy);font-weight:600}
/* notify */
.notify{max-width:460px;margin:0 auto}
.field{display:flex;gap:8px;flex-wrap:wrap}
.field input{flex:1;min-width:190px;background:#fff;border:1px solid #d8cdb6;color:var(--ink);font-family:var(--sans);font-size:15px;padding:13px 16px;border-radius:999px;outline:none}
.field input:focus{border-color:var(--gold)}
.consent{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:12.5px;color:#5a6470;text-align:left;line-height:1.5}
.consent input{margin-top:2px;accent-color:var(--gold);flex:none}
.consent a{color:var(--gold-d);text-decoration:underline}
.msg{min-height:20px;margin-top:10px;font-size:13.5px;color:var(--gold-d);font-weight:500}
/* footer */
.foot{background:#0A2A1C;color:#aab3c4;text-align:center;padding:46px 22px;font-size:12.5px;line-height:1.9}
.foot .ft{font-family:var(--serif);color:var(--gold-l);font-size:1.5rem;margin-bottom:8px}
.foot a{color:#cdd3e0;text-decoration:none}
.social{display:flex;gap:18px;justify-content:center;margin:18px 0}
.social a{color:#aab3c4}.social svg{width:20px;height:20px}.social a:hover{color:var(--gold-l)}
@media(max-width:600px){.sec{padding:60px 0}.hero{padding:96px 18px 70px}}

/* ===== ENRICH sections (3 màu: navy/gold/crimson) ===== */
.stats{background:var(--crimson);color:var(--ivory)}
.stats .sec-t{color:var(--ivory)} .stats .sec-lead{color:rgba(245,239,230,.85)}
.stats .rule{background:linear-gradient(90deg,transparent,var(--gold-l),transparent)}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;max-width:920px;margin:28px auto 0}
.stat .sn{font-family:var(--serif);font-size:clamp(2rem,5vw,2.9rem);font-weight:700;color:var(--gold-l);line-height:1}
.stat .sl{font-size:.84rem;color:rgba(245,239,230,.82);margin-top:7px;letter-spacing:.02em}
/* timeline (lộ trình) */
.tl{max-width:760px;margin:30px auto 0;text-align:left}
.tl .it{display:flex;gap:18px;padding:16px 2px;border-bottom:1px solid #ece3d2}
.tl .yr{font-family:var(--serif);font-weight:700;color:var(--crimson-l);font-size:1.1rem;min-width:118px}
.tl .it h3{font-family:var(--serif);font-size:1.18rem;color:var(--navy);font-weight:600;margin:0 0 3px}
.tl .it p{font-size:.92rem;color:#55606e}
.sec--navy .tl .it{border-color:rgba(212,175,55,.2)} .sec--navy .tl .it h3{color:var(--gold-l)} .sec--navy .tl .it p{color:#b9c0d0} .sec--navy .tl .yr{color:var(--gold)}
/* 8 phần thi */
.segs{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;max-width:940px;margin:26px auto 0}
.seg{background:var(--navy-2);border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:18px 16px;text-align:left}
.seg .sg{font-family:var(--serif);font-size:1.3rem;color:var(--gold-d);font-weight:700;line-height:1}
.sec--navy .seg .sg{color:var(--gold)}
.seg .st{font-size:.94rem;color:var(--ink);margin-top:5px;font-weight:500}
.sec--navy .seg .st{color:var(--ivory)}
/* faq */
.faq{max-width:760px;margin:26px auto 0;text-align:left}
.faq details{border-bottom:1px solid #ece3d2;padding:15px 2px}
.faq summary{font-family:var(--serif);font-size:1.15rem;color:var(--navy);font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold-d);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq p{font-size:.95rem;color:#55606e;margin-top:9px}