:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
color-scheme:dark;--bg:#030b1f;--bg2:#07163a;--bt:#0a1a3c;--ink:#eaf0ff;--mute:#9db0d6;--line:#ffffff1f;--glass:#ffffff0d;--c1:#f2b01e;--c2:#2f6fe0;--c3:#f59e0b;--g:linear-gradient(120deg,#ffd45a,#f2a60c 55%,#e08a00)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.w{max-width:1140px;margin:0 auto;padding:0 20px;position:relative}
.gt{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}
.logo i{width:36px;height:36px;border-radius:10px;background:var(--g);display:grid;place-items:center;font-style:normal;color:#fff;box-shadow:0 0 22px #f2a60c66}
nav{display:flex;gap:24px;align-items:center;font-size:15px;color:var(--mute)}
nav a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--g);color:var(--bt);font-weight:700;padding:12px 24px;border-radius:12px;border:0;cursor:pointer;font-size:15px;box-shadow:0 8px 30px #f2a60c4d;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px #2f6fe066}
.btn.o{background:var(--glass);border:1px solid var(--line);box-shadow:none;color:var(--ink)}
@media(max-width:760px){nav a:not(.btn){display:none}}
.hero{position:relative;padding:84px 0 70px;overflow:hidden}
#cv{position:absolute;inset:0;width:100%;height:100%}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;pointer-events:none}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:900px){.hg{grid-template-columns:1fr}}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--glass);padding:6px 14px;border-radius:99px;font-size:13px;color:var(--mute);margin-bottom:18px}
.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:p 1.6s infinite}
@keyframes p{50%{opacity:.35}}
h1{font-size:clamp(34px,5.6vw,60px);line-height:1.08;margin:0 0 18px;letter-spacing:-.02em}
.hero p.l{color:var(--mute);font-size:18px;max-width:540px;margin:0 0 26px}
.cur{display:inline-block;width:3px;height:.9em;background:var(--c1);margin-left:4px;vertical-align:-.1em;animation:p 1s infinite}
.tr{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.tr span{font-size:13px;color:var(--mute);border:1px solid var(--line);padding:5px 12px;border-radius:99px;background:var(--glass)}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 60px #0006}
.adv{padding:24px;position:relative}
.adv:before{content:"";position:absolute;inset:-1px;border-radius:21px;padding:1px;background:var(--g);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none}
.adv h3{margin:0 0 4px;display:flex;align-items:center;gap:8px}
.adv small{color:var(--mute)}
label{display:block;font-size:13px;color:var(--mute);margin-top:14px}
select,input{width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font-size:15px}
.adv .btn{width:100%;margin-top:16px}
#res{margin-top:16px;min-height:10px;font-size:14px}
.rc{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg2)}
.rc b{display:block;margin-bottom:6px}
.rc a{display:inline-block;margin-top:10px;color:var(--c1);font-weight:700}
.dots span{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--c1);animation:p .9s infinite}
.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}
.mq{overflow:hidden;border-block:1px solid var(--line);background:var(--glass);padding:14px 0}
.mt{display:flex;gap:44px;width:max-content;animation:m 32s linear infinite;color:var(--mute);font-weight:600}
@keyframes m{to{transform:translateX(-50%)}}
section{padding:72px 0}
h2{font-size:clamp(26px,4vw,40px);margin:0 0 10px;letter-spacing:-.01em}
.sub{color:var(--mute);margin:0 0 30px;max-width:620px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.tabs button{padding:10px 18px;border-radius:99px;border:1px solid var(--line);background:var(--glass);color:var(--ink);cursor:pointer;font-size:14px}
.tabs button.on{background:var(--g);border-color:transparent;color:var(--bt);box-shadow:0 6px 24px #f2a60c4d}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--glass);transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}
.card:hover{transform:translateY(-4px);border-color:var(--c1);box-shadow:0 12px 40px #f2b01e22}
.card h4{margin:0 0 6px;font-size:16px}.card p{margin:0;color:var(--mute);font-size:14px}
.card a{display:inline-block;margin-top:12px;color:var(--c1);font-weight:600;font-size:14px}
.ic{width:42px;height:42px;border-radius:12px;background:var(--g);display:grid;place-items:center;margin-bottom:12px;font-size:20px;box-shadow:0 0 20px #f2a60c4d}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;counter-reset:s}
.step{padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}
.step:before{counter-increment:s;content:"0" counter(s);font-size:34px;font-weight:800;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.step h4{margin:6px 0 4px}.step p{margin:0;color:var(--mute);font-size:14px}
.alt{background:linear-gradient(180deg,transparent,var(--bg2),transparent)}
details{border:1px solid var(--line);background:var(--glass);border-radius:14px;padding:16px 20px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600}
details p{color:var(--mute);margin:10px 0 0}
.cta{text-align:center;padding:56px 20px;border-radius:24px;position:relative;overflow:hidden}
.cta p{color:var(--mute)}
footer{border-top:1px solid var(--line);padding:38px 0;color:var(--mute);font-size:14px}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
@media(max-width:760px){.fg{grid-template-columns:1fr}}
footer h5{color:var(--ink);margin:0 0 8px;font-size:15px}
footer a{display:block;padding:2px 0}footer a:hover{color:var(--c1)}
.disc{margin-top:22px;font-size:12px;border-top:1px solid var(--line);padding-top:14px}
.rv{opacity:0;transform:translateY(24px);transition:all .7s}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

.bg{display:none;background:var(--glass);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:18px;cursor:pointer}
.mega{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg2);border-bottom:1px solid var(--line);box-shadow:0 30px 60px #0007;max-height:calc(100vh - 90px);overflow:auto}
.mega.open{display:block}
.mg{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;padding:26px 20px}
.mg h5{margin:0 0 8px;font-size:14px;color:var(--c1);letter-spacing:.04em;text-transform:uppercase}
.mg a,.fc a{display:block;padding:4px 0;font-size:14px;color:var(--mute)}
.mg a:hover,.fc a:hover{color:var(--ink)}
.fc h5{margin:0 0 10px;color:var(--ink);font-size:15px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px}
.fbrand{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}
@media(max-width:760px){.bg{display:block}.fbrand{grid-template-columns:1fr}}
.fb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:26px;border-top:1px solid var(--line);padding-top:16px;font-size:13px}

.cats{display:flex;gap:2px}
.cats button{background:none;border:0;color:var(--mute);font-size:14px;padding:8px 10px;cursor:pointer;border-radius:8px;font-weight:600}
.cats button.on,.cats button:hover{color:var(--ink);background:var(--glass)}
.pn{display:none}.pn.on{display:block}.pt{display:none;margin:18px 0 0;font-size:18px}
.mg h6{margin:0 0 6px;font-size:12px;color:var(--c1);letter-spacing:.05em;text-transform:uppercase}
.mg{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:22px 0}
.mg .col{columns:1}
@media(max-width:1100px){.cats{display:none}.bg{display:block}.pn{display:block}.pt{display:block}.mg{padding:10px 0 18px}}

.dg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.dc{padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--glass);display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.dc:hover{transform:translateY(-4px);border-color:var(--c2)}
.dc h3{margin:0 0 4px;font-size:19px}.dc .bf{font-size:12px;color:var(--c1);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.dc p{margin:0 0 10px;color:var(--mute);font-size:14px}
.dc ul{margin:0 0 10px;padding-left:18px;color:var(--ink);font-size:14px}
.dc li{margin:2px 0}.dc .dd{font-size:13px;color:var(--mute);margin-bottom:14px}.dc .btn{margin-top:auto;text-align:center}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin-top:34px}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
th{background:var(--glass);color:var(--c1);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
tr:last-child td{border-bottom:0}
.cf{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}
@media(max-width:860px){.cf{grid-template-columns:1fr}}
.ci{padding:26px}.ci a{display:block;margin:10px 0;color:var(--ink);font-weight:600}
.ci small{color:var(--mute);display:block;margin-top:16px}
.fm{padding:26px}.r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.r2{grid-template-columns:1fr}}
textarea{width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font-size:15px;min-height:110px;resize:vertical;font-family:inherit}
.fa{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
#ok{margin-top:12px;font-size:14px;color:var(--c1)}
.lg{height:44px;width:auto;background:#fff;padding:4px 12px;border-radius:12px;box-shadow:0 4px 20px #0005;display:block}
.ic,.logo i{color:var(--bt)}

.crumb{font-size:13px;color:var(--mute);margin-bottom:14px}.crumb a{color:var(--c1)}
.ck{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:14px}
.ck li:before{content:"✔ ";color:var(--c1)}
@media(max-width:520px){.ck{grid-template-columns:1fr}}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.toc a{border:1px solid var(--line);background:var(--glass);padding:7px 14px;border-radius:99px;font-size:13px;color:var(--mute)}
.toc a:hover{color:var(--ink);border-color:var(--c1)}
.pr{color:var(--mute);max-width:820px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.two{grid-template-columns:1fr}}
.card ul{margin:8px 0 0;padding-left:18px;font-size:14px;color:var(--mute)}
.card ul li{margin:3px 0}
.qf{padding:24px}.qf input{margin-bottom:10px}

.kn{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.kc{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--glass);text-align:center}
.kc b{display:block;font-size:42px;line-height:1.1;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.kc span{font-size:13px;color:var(--mute)}
.rd{position:relative;max-width:820px;margin:0 auto}
.rd:before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:3px;background:var(--g);opacity:.45;border-radius:3px}
.ri{display:flex;gap:16px;margin-bottom:16px;position:relative}
.dot{flex:none;width:48px;height:48px;border-radius:50%;background:var(--bg2);border:2px solid var(--c1);display:grid;place-items:center;font-style:normal;font-size:21px;z-index:1;box-shadow:0 0 18px #f2b01e55}
.ri>div{flex:1;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--glass)}
.ri h4{margin:6px 0 2px}.ri p{margin:0;color:var(--mute);font-size:14px}
.chip{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--bt);background:var(--g);padding:2px 10px;border-radius:99px}
.mc{padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}
.mc h4{margin:0 0 4px}
.mr{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mute);margin-top:9px}
.mr em{flex:none;width:118px;font-style:normal}
.bar{flex:1;height:8px;border-radius:9px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--g);border-radius:9px}
.lc{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:16px}
.ln{padding:20px 14px;border-radius:16px;border:1px solid var(--line);background:var(--glass);position:relative;text-align:center}
.ln:not(:last-child):after{content:"➜";position:absolute;right:-15px;top:50%;margin-top:-10px;color:var(--c1);z-index:2}
@media(max-width:1000px){.ln:after{display:none}}
.ln i{font-style:normal;font-size:30px;display:block;margin-bottom:6px}
.ln h4{margin:0 0 4px;font-size:15px}.ln p{margin:0;font-size:12.5px;color:var(--mute)}

/* ===== THEME TOKENS + TOGGLE ===== */
:root{--fld:#07163a;--cell:#16307a}
select,input,textarea{background:var(--fld);color:var(--ink)}
.tgl{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-size:18px;line-height:1;cursor:pointer}
.tgl:hover{border-color:var(--c1)}
.lgt{display:block;background:#fff;color:#0a1a3c;font-weight:800;padding:8px 14px;border-radius:12px}

/* ===== CLASS MAP ===== */
.cm{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
@media(max-width:860px){.cm{grid-template-columns:1fr}}
.cg{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}
.cg i{aspect-ratio:1;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:600;border-radius:6px;background:var(--cell);color:#fff}
.cg i.s{background:#f2b01e;color:#0a1a3c}.cg i.p{outline:2px solid var(--c2);outline-offset:2px}
.lgd{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 18px;font-size:13px;color:var(--mute)}
.lgd span:before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--cell)}
.lgd .s:before{background:#f2b01e}.lgd .p:before{background:none;outline:2px solid var(--c2);outline-offset:-2px}
.pc{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.pc b{display:inline-block;min-width:30px;margin-right:8px;padding:1px 0;text-align:center;border-radius:6px;background:var(--glass);border:1px solid var(--line)}

/* ===== PROCESS TIMELINE ===== */
.tl{margin:6px 0 38px}.stp{margin:0 0 16px;font-size:20px}

.tm{position:relative;text-align:center;padding:0 10px}
.tm i{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:0 auto 10px;border-radius:50%;background:var(--cell);color:#fff;font-style:normal;font-weight:600;font-size:14px}
.tm.g i{background:#f2b01e;color:#0a1a3c}
.tm b{display:block;font-size:15px}.tm em{display:block;margin:2px 0;font-style:normal;font-weight:600;font-size:13px;color:var(--c1)}.tm span{font-size:13px;color:var(--mute)}
.br{width:80%;height:12px;margin-top:20px;border:2px solid #f2b01e;border-top:0;border-radius:0 0 8px 8px}
.bl{width:80%;margin:8px 0 0;text-align:center;font-size:14px;font-weight:500}
@media(max-width:760px){.tt{grid-template-columns:1fr;gap:18px}.tt:before{left:17px;right:auto;top:0;bottom:0;width:3px;height:auto}.tm{text-align:left;padding-left:54px}.tm i{position:absolute;left:0;top:0;margin:0}.br{display:none}.bl{width:auto;text-align:left}}

/* ===== PACKAGES ===== */
.dk{background:#06122e;color:var(--ink)}
.pkg{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:30px}
.pk{position:relative;display:flex;flex-direction:column;padding:30px 24px 24px;border-radius:14px;border:1px solid var(--line);background:var(--glass)}
.pk h3{margin:0 0 6px;font-size:22px}.pk .fo{margin:0 0 18px;color:var(--mute);font-size:14px;min-height:42px}
.pp b{font-size:38px;line-height:1}.pp span{display:block;margin-top:6px;font-size:13px;color:var(--mute)}
.pk ul{list-style:none;margin:20px 0 24px;padding:20px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14px}
.pk li{position:relative;padding-left:22px}
.pk li:before{content:"";position:absolute;left:3px;top:5px;width:5px;height:10px;border:solid var(--c1);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pk li.up{padding-left:0;font-weight:600}.pk li.up:before{display:none}
.pk .btn{margin-top:auto;text-align:center}
.pk .chip{position:absolute;top:-11px;left:24px}
.pk.hot{background:#fff;--ink:#0b1b3a;--mute:#4d5c7a;--line:#0b1b3a1f;--c1:#a96b00;color:var(--ink);box-shadow:0 0 0 2px #f2b01e}
@media(min-width:900px){.pk.hot{margin:-12px 0;padding-block:42px 36px}}
.pn2{margin:26px 0 0;font-size:13px;color:var(--mute);max-width:820px}
.pn2 a{color:var(--c1);font-weight:600}

/* ===== LIGHT MODE (dark = default) ===== */
:root[data-theme=light]{color-scheme:light;--bg:#f5f7fb;--bg2:#eaf0fa;--ink:#0b1b3a;--mute:#4d5c7a;--line:#0b1b3a1f;--glass:#fff;--c1:#a96b00;--fld:#fff;--cell:#0a1a3c}
[data-theme=light] .hero,[data-theme=light] footer,[data-theme=light] .dk,[data-theme=light] .cta{--bg:#07163a;--bg2:#0d2150;--ink:#eaf0ff;--mute:#b0bddc;--line:#ffffff29;--glass:#ffffff12;--c1:#f2b01e;--fld:#0d2150;--cell:#16307a;color:var(--ink)}
[data-theme=light] .hero{background:linear-gradient(160deg,#06122e,#0a1f4d 65%,#0c2a62)}
[data-theme=light] .orb{display:none}
[data-theme=light] footer{background:#06122e;border:0}
[data-theme=light] .cta{background:linear-gradient(135deg,#07163a,#0e2a60);border:0;box-shadow:none}
[data-theme=light] header{background:#ffffffeb}
[data-theme=light] .mega{background:#fff}
[data-theme=light] .gt{background:none;color:inherit;-webkit-text-fill-color:currentColor}
[data-theme=light] .hero .gt,[data-theme=light] .cta .gt,[data-theme=light] .dk .gt{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
[data-theme=light] .glass{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 3px #0b1b3a14}
[data-theme=light] .hero .glass{box-shadow:0 18px 50px #0006}
[data-theme=light] .card,[data-theme=light] .mc,[data-theme=light] .kc,[data-theme=light] details,[data-theme=light] .ri>div{background:#fff;box-shadow:0 1px 2px #0b1b3a12}
[data-theme=light] .card:hover{transform:none;box-shadow:none}
[data-theme=light] .alt{background:#edf1f9;border-block:1px solid var(--line)}
[data-theme=light] .ic{background:#eef2fa;box-shadow:none;filter:grayscale(1)}
[data-theme=light] .dot{background:#fff;border-color:#0a1a3c;box-shadow:none;filter:grayscale(1)}
[data-theme=light] .kc b{background:none;color:#0a1a3c;-webkit-text-fill-color:currentColor}
[data-theme=light] th{background:#0a1a3c;color:#fff}
[data-theme=light] .btn{box-shadow:0 1px 2px #0003}

/* ===== LENIS SMOOTH SCROLL (required base styles) ===== */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}

/* ===== SPACING & ALIGNMENT FIXES (no design change) ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%}
h1,h2,h3,h4,p{overflow-wrap:break-word}
.nav{gap:12px}
.logo{flex:none}
nav{flex:none;min-width:0}
.tgl,.bg{flex:none;width:40px;height:40px;padding:0;display:grid;place-items:center}
.bg{display:none}
.acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cta .acts{justify-content:center;margin-top:20px}
.cta h2{margin-bottom:12px}
.cta p{margin:0}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.pkg{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.kn{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.fgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.mg{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.sub:empty{margin-bottom:14px}
.toc{gap:8px}
.card,.mc,.kc,.pk,.ri>div{min-width:0}
.ri>div p{overflow-wrap:break-word}
footer p{margin:0 0 12px}
.ci h3,.fm h3{margin-top:0}
@media(max-width:1100px){.mega{padding:0 20px}.mega .w{padding:0}}
@media(max-width:760px){
.w{padding:0 16px}
section{padding:52px 0}
.hero{padding:44px 0 52px}
.nav{height:60px;gap:8px}
nav{gap:8px}
nav .btn{padding:9px 14px;font-size:13px;white-space:nowrap}
.tgl,.bg{width:38px;height:38px}
.lg{height:38px;padding:3px 10px}
.lgt{padding:7px 12px;font-size:15px}
.hg{gap:32px}
.hero p.l{font-size:16px;margin-bottom:22px}
.acts .btn{text-align:center}
.sub{margin-bottom:24px}
.card,.mc,.kc{padding:18px}
.step,.ri>div{padding:14px 16px}
.ci,.fm,.qf{padding:20px}
.cta{padding:40px 18px}
.pk{padding:28px 20px 22px}
.pk .fo{min-height:0}
.pkg{gap:24px;margin-top:34px}
.tw{margin-top:24px}
.cm{gap:28px}
.fb{margin-top:20px}
footer{padding:32px 0}
.fbrand{gap:22px;margin-bottom:26px;padding-bottom:22px}
.fgrid{gap:22px}
.ri{gap:12px}
.dot{width:44px;height:44px;font-size:19px}
.rd:before{left:21px}
.mr em{width:104px}
select,input,textarea{font-size:16px}
.fa .btn{flex:1 1 100%;text-align:center}
}
@media(max-width:400px){
.logo{font-size:17px}
.lgt{padding:6px 10px;font-size:14px}
nav .btn{padding:8px 10px;font-size:12px}
.tgl,.bg{width:36px;height:36px}
.acts .btn{flex:1 1 100%}
h1{font-size:32px}
}

/* ===== HERO ANIMATION ===== */
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes flt{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(6deg)}}
@keyframes flt2{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes orbm{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(28px,-22px) scale(1.08)}}
@keyframes shm{to{background-position:100% 50%}}
@keyframes ring{0%{box-shadow:0 8px 30px #f2a60c4d,0 0 0 0 #f2b01e77}100%{box-shadow:0 8px 30px #f2a60c4d,0 0 0 16px #f2b01e00}}
.hero .orb{animation:orbm 14s ease-in-out infinite}
.hero .sym{position:absolute;font-size:46px;font-weight:800;line-height:1;color:#f2b01e;opacity:.2;pointer-events:none;user-select:none;animation:flt 7s ease-in-out infinite}
.hero .hg>div:first-child>*{opacity:0;animation:up .8s cubic-bezier(.2,.7,.2,1) both}
.hero .hg>div:first-child>*:nth-child(1){animation-delay:.05s}
.hero .hg>div:first-child>*:nth-child(2){animation-delay:.15s}
.hero .hg>div:first-child>*:nth-child(3){animation-delay:.25s}
.hero .hg>div:first-child>*:nth-child(4){animation-delay:.35s}
.hero .hg>div:first-child>*:nth-child(5){animation-delay:.45s}
.hero .hg>div:first-child>*:nth-child(6){animation-delay:.55s}
.hero .hg>div:first-child>*:nth-child(7){animation-delay:.65s}
.hero .qf{opacity:0;animation:up .9s .35s cubic-bezier(.2,.7,.2,1) both,flt2 6s 1.4s ease-in-out infinite}
.hero .gt{background-size:200% auto!important;animation:shm 3.5s ease-in-out infinite alternate}
.hero .acts .btn:not(.o){animation:ring 2.2s ease-out infinite}
@media(prefers-reduced-motion:reduce){.hero .hg>div:first-child>*,.hero .qf{opacity:1!important}}

/* ===== CLASS FINDER PANEL ===== */
.cd{padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--glass);min-height:392px}
.cd .fx{animation:up .3s ease both}
.cdh{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.cdh .cn{flex:none;width:58px;height:58px;border-radius:14px;background:var(--cell);color:#fff;display:grid;place-items:center;font-size:26px}
.cdh.s .cn{background:#f2b01e;color:#0a1a3c}
.cdh h3{margin:6px 0 0;font-size:19px;line-height:1.25}
.cd p{margin:0 0 6px;color:var(--mute);font-size:14px}
.cd h5{margin:14px 0 6px;font-size:13px;color:var(--c1);letter-spacing:.04em;text-transform:uppercase}
.cd ul{margin:0 0 18px;padding-left:18px;font-size:14px}
.cd li{margin:3px 0}
.cd .btn{padding:10px 18px;font-size:14px}
.cg i{cursor:pointer;user-select:none;transition:transform .15s,box-shadow .15s}
.cg i:hover,.cg i.on{transform:scale(1.12);box-shadow:0 0 0 2px var(--c1)}
.cg i:focus-visible{outline:2px solid var(--c1);outline-offset:2px}
[data-theme=light] .cd{background:#fff;box-shadow:0 1px 2px #0b1b3a12}
@media(max-width:760px){.cd{padding:18px;min-height:0}.hero .sym{font-size:34px}}

.tl{width:100%}
.tl .tt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:auto;gap:0; background: transparent;}
.tl .tm{position:relative;height:auto;width:auto;float:none;display:block}
.tl .tm i{position:relative;margin:0 auto 10px}
@media(max-width:760px){
.tl .tt{grid-template-columns:1fr;gap:18px}
.tl .tm{padding-left:54px;text-align:left}
.tl .tm i{position:absolute;left:0;top:0;margin:0}
}
.tl .br{width:80%;margin:14px auto 0}
.tl .bl{width:80%;margin:10px auto 0;text-align:center}
@media(max-width:760px){
.tl .br{display:none}
.tl .bl{width:auto;margin:12px 0 0;text-align:center}
}