:root{
  --bg:#070b16;--bg2:#0a1020;--panel:#0e1627;--panel2:#111b30;
  --text:#f8fafc;--muted:#8d99ad;--muted2:#66748c;--line:rgba(255,255,255,.09);
  --p:#7b6cff;--p2:#9a8eff;--c:#39d6ec;--green:#38d39f;--amber:#ffbd66;--red:#ff7474;
  --radius:22px;--radius2:15px;--shadow:0 24px 70px rgba(0,0,0,.3);--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);
background:radial-gradient(circle at 8% 0,rgba(123,108,255,.18),transparent 28rem),
radial-gradient(circle at 96% 4%,rgba(57,214,236,.10),transparent 28rem),
linear-gradient(180deg,#070b16,#0a1020 45%,#080e1a);min-height:100vh;line-height:1.5}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
background-size:32px 32px}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.shell{min-height:100vh}.top-space{padding-top:28px}.section{padding:72px 0}.muted{color:var(--muted)}.tiny{font-size:11px;color:var(--muted)}
.navwrap{position:sticky;top:0;z-index:80;padding-top:12px}.nav{height:66px;border:1px solid var(--line);border-radius:19px;padding:0 14px 0 18px;
background:rgba(7,11,22,.78);backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 14px 45px rgba(0,0,0,.16)}
.brand{display:flex;align-items:center;gap:10px}.logo{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;font:800 17px Manrope;
background:linear-gradient(135deg,#5d4cff,#8f7fff 58%,#35d6ef);box-shadow:0 9px 25px rgba(102,87,255,.28),inset 0 1px rgba(255,255,255,.3)}
.brand strong{font:800 17px Manrope;display:block;line-height:1}.brand small{display:block;font-size:9px;color:#748198;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.navlinks{display:flex;gap:5px}.navlinks a{padding:9px 11px;border-radius:10px;font-size:13px;color:#97a3b7;font-weight:600}.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.06);color:#fff}
.navactions{display:flex;gap:8px;align-items:center}.avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:800;background:linear-gradient(135deg,#725fff,#44cce7)}
.btn{border:0;border-radius:13px;padding:11px 15px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s}
.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6958ff,#8d7cff 56%,#45cde8);box-shadow:0 11px 28px rgba(105,88,255,.26)}
.btn-soft{color:#d8d2ff;background:rgba(123,108,255,.12);border:1px solid rgba(123,108,255,.15)}.btn-ghost{color:#d9e0ec;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.btn-danger{color:#ffc7c7;background:rgba(255,116,116,.10);border:1px solid rgba(255,116,116,.14)}.btn-light{background:#fff;color:#111827}.btn-sm{padding:8px 11px;font-size:11px}.btn-lg{padding:14px 18px;font-size:14px}
.page{padding:38px 0 74px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.pagehead h1{font:800 34px/1.05 Manrope;margin:0;letter-spacing:-.04em}
.pagehead p{color:var(--muted);font-size:13px;margin:8px 0 0;max-width:700px}.kicker{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9488ff;margin-bottom:8px}
.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.022)),var(--panel);border-radius:var(--radius);box-shadow:0 12px 34px rgba(0,0,0,.12)}
.cardhead{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;gap:12px}
.cardhead h3{font:800 15px Manrope;margin:0}.cardhead p{font-size:10px;color:var(--muted);margin:3px 0 0}.cardbody{padding:19px 20px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:5px 7px;font-size:9px;font-weight:900}.good{color:#a9f0d3;background:rgba(56,211,159,.10)}
.warn{color:#ffd49a;background:rgba(255,189,102,.10)}.danger{color:#ffc1c1;background:rgba(255,116,116,.10)}.violet{color:#d7d1ff;background:rgba(123,108,255,.12)}
.progress{height:7px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#755fff,#40d1e9);border-radius:99px}
.metric{padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.metric small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.metric strong{font:800 24px Manrope}.metric em{font-style:normal;color:#65d9aa;font-size:9px;font-weight:800;margin-left:5px}
.field{display:grid;gap:7px}.field label{font-size:11px;font-weight:700;color:#cbd3df}.input,.select,.textarea{width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;border-radius:13px;padding:12px 13px;outline:0}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(144,130,255,.5);box-shadow:0 0 0 3px rgba(123,108,255,.08)}.select option{background:#111827}.textarea{min-height:120px;resize:vertical}
.searchbar{display:flex;gap:8px;padding:6px;background:#fff;border-radius:15px}.searchbar input{flex:1;min-width:0;border:0;outline:0;color:#111827;padding:10px 11px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.tab{padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#8190a7;font-size:11px;font-weight:800}
.tab.active{color:#fff;background:linear-gradient(135deg,rgba(123,108,255,.28),rgba(57,214,236,.09));border-color:rgba(145,132,255,.25)}
.exam-card,.mock-card,.plan-card{padding:19px;transition:.22s}.exam-card:hover,.mock-card:hover{transform:translateY(-4px);border-color:rgba(147,134,255,.24);box-shadow:0 20px 45px rgba(0,0,0,.2)}
.exam-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(123,108,255,.20),rgba(57,214,236,.07));border:1px solid rgba(255,255,255,.08);font-weight:900}
.exam-card h3,.mock-card h3{font:800 15px Manrope;margin:16px 0 6px}.exam-card p,.mock-card p{font-size:11px;color:var(--muted);line-height:1.65;margin:0}.cardmeta{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;color:var(--muted)}
.hero{padding:84px 0 56px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border-radius:999px;border:1px solid rgba(155,141,255,.22);background:rgba(123,108,255,.08);font-size:11px;color:#d8d3ff;font-weight:800}
.hero h1{font:800 clamp(48px,6vw,78px)/.99 Manrope;margin:20px 0;letter-spacing:-.055em}.grad{background:linear-gradient(100deg,#aaa0ff,#72e6f4 58%,#ff8fc6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#99a5b8;max-width:650px;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.product{padding:12px;border-radius:29px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),#0a1120;box-shadow:0 42px 110px rgba(0,0,0,.42)}
.product-inner{border-radius:20px;overflow:hidden;background:#0d1424;border:1px solid rgba(255,255,255,.06)}.product-top{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}
.product-body{padding:16px}.goal{padding:16px;border-radius:16px;background:radial-gradient(circle at 0 0,rgba(123,108,255,.32),transparent 55%),linear-gradient(135deg,#171f35,#11192c);display:flex;justify-content:space-between}
.chart{height:130px;margin-top:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px;display:flex;align-items:end;gap:8px}.chart i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#8c80ff,#5847ed)}.chart i:nth-child(even){background:linear-gradient(#4bd3e8,#278da9)}
.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#69778e;font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.table td{font-size:11px;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.table tr:last-child td{border-bottom:0}
.sidebar-layout{display:grid;grid-template-columns:235px 1fr;gap:18px}.sidecard{padding:11px;position:sticky;top:96px;height:max-content}.sidecard a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:11px;color:#7f8ca1;font-size:12px;font-weight:700}.sidecard a:hover,.sidecard a.active{color:#fff;background:rgba(123,108,255,.11)}
.test-shell{min-height:100vh;background:#080e19}.test-top{height:66px;border-bottom:1px solid var(--line);background:rgba(8,14,25,.94);display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:40}
.test-top-inner{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px}.timer{font:800 18px Manrope;color:#fff;background:rgba(255,189,102,.09);border:1px solid rgba(255,189,102,.14);padding:8px 12px;border-radius:11px}
.test-layout{display:grid;grid-template-columns:1fr 310px;min-height:calc(100vh - 66px)}.question-area{padding:28px 34px}.question-card{max-width:900px;margin:auto}.qhead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:17px}.qnum{font-size:11px;color:#8e9bb0}.question{font-size:18px;line-height:1.7;margin:8px 0 22px}
.option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);margin:10px 0;cursor:pointer}.option:hover,.option.selected{border-color:rgba(142,127,255,.44);background:rgba(123,108,255,.08)}
.radio{width:21px;height:21px;border:2px solid #59667e;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.selected .radio{border-color:#8d7eff}.selected .radio:after{content:"";width:9px;height:9px;border-radius:50%;background:#8d7eff}
.test-actions{display:flex;justify-content:space-between;gap:10px;margin-top:26px}.test-side{border-left:1px solid var(--line);padding:20px;background:rgba(255,255,255,.018)}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px}.qdot{aspect-ratio:1;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;color:#8290a7;background:rgba(255,255,255,.025)}.qdot.current{color:#fff;background:rgba(123,108,255,.24);border-color:rgba(142,127,255,.42)}.qdot.answered{color:#9ff0cf;background:rgba(56,211,159,.10)}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;font-size:9px;color:#77859b}
.result-hero{padding:26px;border-radius:27px;background:radial-gradient(circle at 8% 0,rgba(123,108,255,.27),transparent 40%),radial-gradient(circle at 95% 0,rgba(57,214,236,.14),transparent 38%),linear-gradient(135deg,#121a2e,#0d1424);border:1px solid rgba(255,255,255,.1)}
.score-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7b6cff 0 280deg,rgba(255,255,255,.08) 280deg);position:relative}.score-ring:after{content:"";position:absolute;width:101px;height:101px;border-radius:50%;background:#11192b}.score-ring div{position:relative;z-index:2;text-align:center}.score-ring strong{font:800 27px Manrope;display:block}.score-ring span{font-size:9px;color:#8592a7}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{padding:54px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 15% 10%,rgba(123,108,255,.28),transparent 32rem),radial-gradient(circle at 70% 80%,rgba(57,214,236,.12),transparent 28rem),#0b1222;border-right:1px solid var(--line)}
.auth-visual h1{font:800 52px/1.02 Manrope;letter-spacing:-.05em;max-width:620px}.auth-visual p{color:#8d99ad;max-width:570px}.auth-formwrap{display:grid;place-items:center;padding:35px}.auth-card{width:min(440px,100%);padding:27px}.auth-card h2{font:800 28px Manrope;margin:0 0 7px}.formgrid{display:grid;gap:14px;margin-top:22px}.divider{display:flex;align-items:center;gap:10px;color:#59667c;font-size:10px;margin:17px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}
.plan-card{position:relative}.plan-card.featured{border-color:rgba(145,132,255,.36);box-shadow:0 24px 60px rgba(75,59,210,.18)}.price{font:800 38px Manrope;margin:12px 0}.price small{font:500 11px Inter;color:#7e8ba1}.features-list{display:grid;gap:10px;margin:18px 0 22px;color:#aab4c4;font-size:11px}.features-list span:before{content:"✓";color:#55dda9;font-weight:900;margin-right:8px}
.empty{padding:50px 24px;text-align:center}.empty-icon{width:60px;height:60px;border-radius:19px;background:rgba(123,108,255,.10);display:grid;place-items:center;margin:0 auto 16px;font-size:24px}.empty h3{font:800 18px Manrope;margin:0 0 6px}.empty p{color:var(--muted);font-size:12px;max-width:430px;margin:0 auto 18px}
.footer{padding:55px 0 30px;border-top:1px solid rgba(255,255,255,.07);margin-top:60px}.footergrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer h4{font-size:11px}.footer a{display:block;font-size:11px;color:#6e7b91;margin:9px 0}.footer p{font-size:11px;color:#6e7b91;max-width:340px}.copyright{margin-top:30px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:#536178;display:flex;justify-content:space-between;gap:14px}
@media(max-width:1050px){.navlinks{display:none}.hero-grid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.sidebar-layout{grid-template-columns:1fr}.sidecard{position:static;display:flex;overflow:auto}.sidecard a{min-width:max-content}.test-layout{grid-template-columns:1fr}.test-side{border-left:0;border-top:1px solid var(--line)}.auth-wrap{grid-template-columns:1fr}.auth-visual{display:none}}
@media(max-width:720px){.container{width:min(var(--max),calc(100% - 28px))}.navwrap{padding-top:8px}.nav{height:59px;border-radius:16px}.brand small{display:none}.navactions .btn-ghost{display:none}.page{padding-top:26px}.pagehead{align-items:flex-start;flex-direction:column}.grid4,.grid3,.grid2{grid-template-columns:1fr}.hero{padding:62px 0 36px}.hero h1{font-size:43px}.hero p{font-size:15px}.section{padding:56px 0}.test-top{padding:0 12px}.question-area{padding:20px 14px}.question{font-size:16px}.test-actions{flex-wrap:wrap}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:span 2}.copyright{flex-direction:column}.searchbar{display:grid}.result-hero{padding:20px}}


/* =========================================================
   THEME SYSTEM
   Dark is the default. Light is activated with:
   <body data-theme="light">
   ========================================================= */
.theme-toggle{
  min-width:38px;
  width:38px;
  padding:0;
  height:38px;
  border-radius:12px;
  font-size:15px;
}
.theme-toggle .sun{display:none}
.theme-toggle .moon{display:inline}
body[data-theme="light"] .theme-toggle .sun{display:inline}
body[data-theme="light"] .theme-toggle .moon{display:none}

body[data-theme="light"]{
  --bg:#f6f8fc;
  --bg2:#eef2f8;
  --panel:#ffffff;
  --panel2:#f7f9fc;
  --text:#111827;
  --muted:#667085;
  --muted2:#7c8799;
  --line:#e3e8f1;
  --shadow:0 24px 60px rgba(15,23,42,.10);
  color:#111827;
  background:
    radial-gradient(circle at 8% 0,rgba(123,108,255,.10),transparent 28rem),
    radial-gradient(circle at 96% 4%,rgba(57,214,236,.07),transparent 28rem),
    linear-gradient(180deg,#fbfcff,#f4f7fb 45%,#f7f9fc);
}
body[data-theme="light"]:before{
  background-image:
    linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);
}
body[data-theme="light"] .nav{
  background:rgba(255,255,255,.88);
  border-color:#e3e8f1;
  box-shadow:0 14px 45px rgba(15,23,42,.07);
}
body[data-theme="light"] .brand strong,
body[data-theme="light"] .pagehead h1,
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] .table td,
body[data-theme="light"] .question{
  color:#111827;
}
body[data-theme="light"] .brand small,
body[data-theme="light"] .navlinks a,
body[data-theme="light"] .tiny,
body[data-theme="light"] .muted,
body[data-theme="light"] .pagehead p,
body[data-theme="light"] .exam-card p,
body[data-theme="light"] .mock-card p,
body[data-theme="light"] .footer p,
body[data-theme="light"] .footer a{
  color:#667085;
}
body[data-theme="light"] .navlinks a:hover,
body[data-theme="light"] .navlinks a.active{
  color:#111827;
  background:#f1f4f9;
}
body[data-theme="light"] .btn-ghost{
  color:#344054;
  background:#fff;
  border-color:#dfe5ee;
}
body[data-theme="light"] .btn-soft{
  color:#5747df;
  background:#efedff;
  border-color:#ddd8ff;
}
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .exam-card,
body[data-theme="light"] .mock-card,
body[data-theme="light"] .plan-card{
  background:#fff;
  border-color:#e3e8f1;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
body[data-theme="light"] .cardhead,
body[data-theme="light"] .table th,
body[data-theme="light"] .table td,
body[data-theme="light"] .row,
body[data-theme="light"] .cardmeta{
  border-color:#edf0f5;
}
body[data-theme="light"] .metric{
  background:#fff;
  border-color:#e4e9f1;
}
body[data-theme="light"] .metric small,
body[data-theme="light"] .metric em,
body[data-theme="light"] .cardmeta,
body[data-theme="light"] .qnum,
body[data-theme="light"] .skillhead span:last-child{
  color:#667085;
}
body[data-theme="light"] .input,
body[data-theme="light"] .select,
body[data-theme="light"] .textarea{
  background:#fff;
  color:#111827;
  border-color:#dce3ed;
}
body[data-theme="light"] .field label{color:#344054}
body[data-theme="light"] .select option{background:#fff;color:#111827}
body[data-theme="light"] .sidecard{
  background:#fff;
}
body[data-theme="light"] .sidecard a{
  color:#667085;
}
body[data-theme="light"] .sidecard a:hover,
body[data-theme="light"] .sidecard a.active{
  color:#4f46e5;
  background:#f0efff;
}
body[data-theme="light"] .result-hero{
  background:
    radial-gradient(circle at 8% 0,rgba(123,108,255,.13),transparent 40%),
    radial-gradient(circle at 95% 0,rgba(57,214,236,.08),transparent 38%),
    linear-gradient(135deg,#ffffff,#f7f9fd);
  border-color:#e1e6ef;
}
body[data-theme="light"] .product{
  background:#fff;
  border-color:#e1e6ef;
  box-shadow:0 28px 80px rgba(15,23,42,.12);
}
body[data-theme="light"] .product-inner{
  background:#f8fafc;
  border-color:#e3e8f1;
}
body[data-theme="light"] .product-top{
  border-color:#e8edf4;
}
body[data-theme="light"] .goal{
  background:
    radial-gradient(circle at 0 0,rgba(123,108,255,.14),transparent 55%),
    linear-gradient(135deg,#f7f8ff,#eef7fb);
  color:#111827;
}
body[data-theme="light"] .chart{
  background:#fff;
  border-color:#e3e8f1;
}
body[data-theme="light"] .searchbar{
  border:1px solid #dfe5ee;
  box-shadow:0 10px 25px rgba(15,23,42,.07);
}
body[data-theme="light"] .tabs .tab,
body[data-theme="light"] .tab{
  color:#667085;
  background:#fff;
  border-color:#e1e6ef;
}
body[data-theme="light"] .tab.active{
  color:#4f46e5;
  background:#f0efff;
  border-color:#dad5ff;
}
body[data-theme="light"] .progress{
  background:#e9edf3;
}
body[data-theme="light"] .footer{
  border-color:#e5eaf1;
}
body[data-theme="light"] .copyright{
  border-color:#e7ebf1;
  color:#98a2b3;
}
body[data-theme="light"] .option{
  background:#fff;
  border-color:#dfe5ee;
  color:#111827;
}
body[data-theme="light"] .option:hover,
body[data-theme="light"] .option.selected{
  background:#f3f1ff;
  border-color:#b9b0ff;
}
body[data-theme="light"] .radio{border-color:#aab4c4}
body[data-theme="light"].test-shell{
  background:#f5f7fb;
}
body[data-theme="light"] .test-top{
  background:rgba(255,255,255,.94);
  border-color:#e3e8f1;
}
body[data-theme="light"] .test-side{
  background:#fff;
  border-color:#e3e8f1;
}
body[data-theme="light"] .qdot{
  color:#667085;
  background:#fff;
  border-color:#dfe5ee;
}
body[data-theme="light"] .qdot.current{
  color:#4f46e5;
  background:#eeebff;
  border-color:#c6beff;
}
body[data-theme="light"] .qdot.answered{
  color:#168b64;
  background:#eaf9f3;
}
body[data-theme="light"] .auth-visual{
  background:
    radial-gradient(circle at 15% 10%,rgba(123,108,255,.16),transparent 32rem),
    radial-gradient(circle at 70% 80%,rgba(57,214,236,.08),transparent 28rem),
    #f5f7fc;
  border-color:#e3e8f1;
}
body[data-theme="light"] .auth-visual h1{color:#111827}
body[data-theme="light"] .auth-formwrap{background:#fbfcff}
body[data-theme="light"] .score-ring:after{background:#fff}
body[data-theme="light"] .test-top b{color:#111827}
body[data-theme="light"] .timer{color:#8a5b00;background:#fff5df;border-color:#f6d69d}

/* Unified account area */
.account-layout{
  display:grid;
  grid-template-columns:235px minmax(0,1fr);
  gap:18px;
}
.account-sidebar{
  padding:11px;
  position:sticky;
  top:96px;
  height:max-content;
}
.account-sidebar .account-title{
  padding:10px 11px 8px;
  color:#5f6d84;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.account-sidebar a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  border-radius:11px;
  color:#7f8ca1;
  font-size:12px;
  font-weight:700;
}
.account-sidebar a:hover,
.account-sidebar a.active{
  color:#fff;
  background:rgba(123,108,255,.11);
}
.account-sidebar .nav-icon{
  width:22px;
  text-align:center;
  opacity:.85;
}
body[data-theme="light"] .account-sidebar{
  background:#fff;
}
body[data-theme="light"] .account-sidebar a{
  color:#667085;
}
body[data-theme="light"] .account-sidebar a:hover,
body[data-theme="light"] .account-sidebar a.active{
  color:#4f46e5;
  background:#f0efff;
}
body[data-theme="light"] .account-sidebar .account-title{color:#98a2b3}

@media(max-width:1050px){
  .account-layout{grid-template-columns:1fr}
  .account-sidebar{
    position:static;
    display:flex;
    gap:4px;
    overflow:auto;
    padding:8px;
  }
  .account-sidebar .account-title{display:none}
  .account-sidebar a{min-width:max-content}
}

/* Preview readability and navigation */
body{font-size:16px}
.navlinks a,.btn,.tab,.sidecard a,.field label,.cardhead h3,.footer a{font-size:14px}
.pagehead p,.exam-card p,.mock-card p,.cardhead p,.empty p,.footer p,.features-list,.table td{font-size:14px}
.tiny,.badge,.cardmeta,.metric small,.qnum,.footer h4,.copyright{font-size:12px}
.preview-ribbon{background:#1b2750;color:#e9edff;text-align:center;padding:9px 18px;font-size:13px;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.12)}
.preview-ribbon strong{color:#fff}
body[data-theme="light"] .preview-ribbon{background:#e9edff;color:#354168;border-color:#d0d7fa}
body[data-theme="light"] .preview-ribbon strong{color:#202c60}
.preview-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#232d50;color:white;padding:12px 18px;border-radius:12px;z-index:200;box-shadow:0 16px 42px #0005;max-width:min(440px,calc(100% - 32px));font-size:14px}
:focus-visible{outline:3px solid #51d2e9;outline-offset:3px}
@media(max-width:720px){.nav{gap:7px}.navactions{gap:4px}.navactions .btn-soft{display:none}.brand strong{font-size:15px}.searchbar input{font-size:16px}}

/* SmartTopics 2026 redesign: editorial exam workspace */
:root{--bg:#f4f6f9;--bg2:#e9eef5;--panel:#fff;--panel2:#f9fafc;--text:#12213d;--muted:#5d6a80;--line:#dbe2ed;--p:#2453d4;--p2:#2453d4;--c:#ff754a;--green:#087f62;--amber:#9b6500;--red:#ad3545;--radius:14px;--radius2:12px;--shadow:0 14px 34px rgba(18,33,61,.07)}
body,body[data-theme="light"]{background:#f4f6f9;color:#12213d;font-family:Inter,system-ui,sans-serif}
body:before,body[data-theme="light"]:before{display:none}
.container{width:min(1220px,calc(100% - 48px))}
.preview-ribbon,body[data-theme="light"] .preview-ribbon{background:#12367c;color:#e1ebff;border:0;font-size:13px}.preview-ribbon strong,body[data-theme="light"] .preview-ribbon strong{color:#fff}
.navwrap{padding:0;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80}
.nav,body[data-theme="light"] .nav{height:76px;border:0;border-radius:0;background:#fff;box-shadow:none;padding:0;backdrop-filter:none}
.logo{background:#2453d4;border-radius:9px;box-shadow:none;font:800 22px Inter;color:#fff}
.brand strong,body[data-theme="light"] .brand strong{font:800 18px Inter;letter-spacing:-.045em;color:#12213d}.brand small{font-size:10px;color:#70809a;letter-spacing:.09em}
.navlinks a,body[data-theme="light"] .navlinks a{font-size:14px;color:#52617a;padding:11px 14px;border-radius:8px}
.navlinks a:hover,.navlinks a.active,body[data-theme="light"] .navlinks a:hover,body[data-theme="light"] .navlinks a.active{color:#1643ba;background:#eaf0ff}
.avatar{background:#173e9f;color:#fff;border-radius:50%;font-size:12px}
.btn{font-size:14px;border-radius:9px;font-weight:700;transition:background .15s,transform .15s}
.btn-primary{background:#2453d4;color:#fff;box-shadow:none}.btn-primary:hover{background:#153fae}
.btn-soft,body[data-theme="light"] .btn-soft{background:#eaf0ff;color:#1743b5;border:1px solid #d9e5ff}
.btn-ghost,body[data-theme="light"] .btn-ghost{background:#fff;color:#263959;border:1px solid #dbe2ed}
.btn-danger{background:#fff1f1;color:#a52737;border:1px solid #f7d5d9}
.theme-toggle{width:38px;height:38px}
.page{padding:42px 0 90px}.pagehead{margin-bottom:27px}.pagehead h1,body[data-theme="light"] .pagehead h1{font:800 clamp(28px,3.2vw,42px)/1.13 Inter;letter-spacing:-.055em;color:#12213d}.pagehead p{font-size:15px;line-height:1.65}.kicker{color:#2453d4;font-size:12px;letter-spacing:.11em}
.card,body[data-theme="light"] .card{background:#fff;border:1px solid #dce3ed;border-radius:14px;box-shadow:0 6px 24px rgba(18,33,61,.035)}
.cardhead{padding:20px 22px;border-color:#e9edf3}.cardhead h3{font:800 17px Inter}.cardhead p{font-size:13px;color:#68758a}.cardbody{padding:22px}
.grid2{gap:20px}.grid3{gap:18px}.grid4{gap:18px}
.metric,body[data-theme="light"] .metric{background:#fff;border:1px solid #dce3ed;border-radius:12px;padding:20px}
.metric small{font-size:13px;color:#657389}.metric strong{font:800 29px Inter;letter-spacing:-.05em}.metric em{color:#087f62;font-size:12px}
.badge{font-size:12px;border-radius:6px;padding:6px 9px}.good{color:#087f62;background:#e5f7f0}.warn{color:#9b6500;background:#fff3d8}.danger{color:#a6293a;background:#ffebee}.violet{color:#1743b5;background:#eaf0ff}
.hero{padding:46px 0 45px;background:#edf2f9;border-bottom:1px solid #dae3f0}.hero-grid{grid-template-columns:1.05fr .95fr;gap:40px}
.eyebrow{border:0;background:#dce8ff;color:#1746b7;border-radius:6px;font-size:12px;padding:8px 10px}
.hero h1{font:800 clamp(42px,5vw,70px)/1.02 Inter;letter-spacing:-.07em;color:#12213d;margin:21px 0}.grad{background:none;color:#2453d4;-webkit-text-fill-color:#2453d4}
.hero p{font-size:17px;line-height:1.6;color:#4e6079}.hero-actions{margin-top:24px}
.product{background:#143985;border:0;border-radius:18px;padding:24px;box-shadow:0 24px 50px rgba(20,57,133,.17)}
.product-inner{background:transparent;border:0;border-radius:0;color:#fff}.product-top{padding:0;height:auto;border:0;margin-bottom:20px}.product-top .tiny{color:#bcd2ff;font-size:13px;letter-spacing:.08em}
.product-body{padding:0}.goal{background:#fff;color:#12213d;border-radius:10px;padding:18px;display:block}.goal strong{font-size:17px}
.home-finder{display:flex;gap:8px;margin-top:14px}.home-finder input{min-width:0;flex:1;padding:13px;border:1px solid #d8e0eb;border-radius:8px;color:#12213d;background:#fff;font-size:15px}
.home-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.home-quick a{color:#e9f0ff;border:1px solid #7597e1;padding:8px 11px;border-radius:7px;font-size:13px}.home-quick a:hover{background:#2855ac}
.section{padding:62px 0}.exam-card,.mock-card,.plan-card{padding:22px}.exam-card:hover,.mock-card:hover{border-color:#89a7e9;box-shadow:0 15px 30px #183a7517}
.exam-icon{border:0;background:#e9f0ff;color:#2453d4;border-radius:10px;font-size:22px}.exam-card h3,.mock-card h3{font:800 18px Inter;letter-spacing:-.03em}.exam-card p,.mock-card p{font-size:14px;line-height:1.55}.cardmeta{font-size:13px;border-color:#e9edf3}
.result-hero,body[data-theme="light"] .result-hero{background:#dce8ff;border:1px solid #cbdcfb;border-radius:16px;color:#12213d}.result-hero .muted{color:#435678}
.searchbar,body[data-theme="light"] .searchbar{border:1px solid #d6dfeb;border-radius:10px;background:#fff;box-shadow:none}.searchbar input{font-size:15px}.tabs{margin:19px 0 24px}.tab,body[data-theme="light"] .tab,body[data-theme="light"] .tabs .tab{font-size:13px;border-radius:8px;border-color:#dce3ed;color:#43536d;background:#fff}.tab.active,body[data-theme="light"] .tab.active{background:#2453d4;color:#fff;border-color:#2453d4}
.progress,body[data-theme="light"] .progress{background:#e7edf6;height:8px}.progress i{background:#2453d4}
.table th{font-size:12px;color:#61718a}.table td{font-size:14px;border-color:#e9edf3;padding:15px 10px}
.account-sidebar,body[data-theme="light"] .account-sidebar{background:#fff}.account-sidebar .account-title{font-size:12px;color:#75849a}.account-sidebar a,body[data-theme="light"] .account-sidebar a{font-size:14px;color:#52617a}.account-sidebar a.active,.account-sidebar a:hover,body[data-theme="light"] .account-sidebar a.active,body[data-theme="light"] .account-sidebar a:hover{background:#eaf0ff;color:#1743b5}
.input,.select,.textarea,body[data-theme="light"] .input,body[data-theme="light"] .select,body[data-theme="light"] .textarea{background:#fff;color:#12213d;border-color:#dce3ed;font-size:15px}.field label,body[data-theme="light"] .field label{font-size:14px;color:#31415b}
.test-shell,body[data-theme="light"].test-shell{background:#f4f6f9}.test-top,body[data-theme="light"] .test-top{background:#fff;border-color:#dae2ee}.timer,body[data-theme="light"] .timer{background:#fff3df;color:#935f00;border-color:#ffdda0}.test-side,body[data-theme="light"] .test-side{background:#fff;border-color:#dce3ed}.question{font-size:20px}.option,body[data-theme="light"] .option{background:#fff;color:#12213d;border-color:#dce3ed}.option:hover,.option.selected,body[data-theme="light"] .option:hover,body[data-theme="light"] .option.selected{border-color:#2453d4;background:#f0f5ff}.selected .radio{border-color:#2453d4}.selected .radio:after{background:#2453d4}
.auth-visual,body[data-theme="light"] .auth-visual{background:#163c8c;border:0;color:#fff}.auth-visual h1,body[data-theme="light"] .auth-visual h1{color:#fff}.auth-visual p{color:#cad9f4}.auth-formwrap,body[data-theme="light"] .auth-formwrap{background:#f4f6f9}.auth-card h2{font:800 30px Inter}
.footer{background:#e9eef5;border-top:1px solid #dce3ed;margin-top:0}.footer a,body[data-theme="light"] .footer a{font-size:14px;color:#53627a}.footer p{font-size:14px;color:#59687e}.footer h4{font-size:14px}.copyright{font-size:12px;color:#718096}
/* Night mode follows the same layout and hierarchy. */
body[data-theme="dark"]{--bg:#0c1730;--panel:#142340;--text:#f1f5ff;--muted:#b3c0d7;--line:#304261;background:#0c1730;color:#f1f5ff}
body[data-theme="dark"] .navwrap,body[data-theme="dark"] .nav,body[data-theme="dark"] .card,body[data-theme="dark"] .metric,body[data-theme="dark"] .exam-card,body[data-theme="dark"] .mock-card,body[data-theme="dark"] .account-sidebar,body[data-theme="dark"] .test-top,body[data-theme="dark"] .test-side,body[data-theme="dark"] .footer{background:#142340;color:#f1f5ff;border-color:#304261}
body[data-theme="dark"] .hero{background:#102041;border-color:#304261}body[data-theme="dark"] .hero h1,body[data-theme="dark"] .pagehead h1,body[data-theme="dark"] .brand strong{color:#f1f5ff}body[data-theme="dark"] .hero p,body[data-theme="dark"] .pagehead p{color:#b3c0d7}
body[data-theme="dark"] .navlinks a{color:#b3c0d7}body[data-theme="dark"] .navlinks a.active,body[data-theme="dark"] .navlinks a:hover{background:#203762;color:#fff}
body[data-theme="dark"] .btn-ghost{background:#142340;color:#e4ecff;border-color:#405477}body[data-theme="dark"] .result-hero{background:#1b3159;border-color:#3d5680;color:#fff}body[data-theme="dark"] .result-hero .muted{color:#b3c0d7}
body[data-theme="dark"] .goal,body[data-theme="dark"] .input,body[data-theme="dark"] .select,body[data-theme="dark"] .textarea,body[data-theme="dark"] .tab,body[data-theme="dark"] .option,body[data-theme="dark"] .qdot{background:#142340;color:#f1f5ff;border-color:#405477}
body[data-theme="dark"] .tab.active{background:#2453d4;border-color:#2453d4}body[data-theme="dark"] .footer a,body[data-theme="dark"] .footer p{color:#b3c0d7}body[data-theme="dark"] .auth-formwrap{background:#0c1730}
@media(max-width:1050px){.navlinks{display:flex}.nav{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 0}.navlinks{order:3;width:100%;overflow:auto;white-space:nowrap}.navlinks a{flex:none}.account-layout{grid-template-columns:1fr}}
@media(max-width:720px){.container{width:calc(100% - 28px)}.hero-grid{grid-template-columns:1fr;gap:28px}.hero{padding:36px 0}.hero h1{font-size:44px}.product{padding:20px}.grid2,.grid3,.grid4{grid-template-columns:1fr}.navlinks{gap:0}.navlinks a{padding:9px 11px}.navactions .btn-soft,.navactions .btn-ghost:not(.theme-toggle){display:none}.footergrid{grid-template-columns:1fr 1fr}.searchbar{display:grid}.home-finder{flex-direction:column}.test-top{height:auto;min-height:66px;padding:10px}.test-top-inner{flex-wrap:wrap}.test-layout{grid-template-columns:1fr}}

/* Version 3 · Focused editorial design */
:root{--ink:#101b2d;--royal:#253b9f;--acid:#d9fa72;--paper:#f5f7fa;--fog:#e9edf3;--subtle:#6d7990;--stroke:#dce2ea}
body,body[data-theme="light"]{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}
body[data-theme="light"] .preview-ribbon,.preview-ribbon{background:#d9fa72;color:#1c2c14;padding:7px 18px;font-size:12px;font-weight:500;border:0}.preview-ribbon strong,body[data-theme="light"] .preview-ribbon strong{color:#1c2c14}
.navwrap,body[data-theme="light"] .navwrap{background:#111d30;border:0}.nav,body[data-theme="light"] .nav{background:#111d30;color:#fff;height:82px}
.logo{background:#d9fa72;color:#10211b;width:43px;height:43px;border-radius:12px;font:900 23px Manrope;transform:rotate(-8deg)}
.brand strong,body[data-theme="light"] .brand strong{font:800 20px Manrope;letter-spacing:-.055em;color:#fff}.brand small,body[data-theme="light"] .brand small{color:#92a2bc;font-size:10px;letter-spacing:.2em}
.navlinks a,body[data-theme="light"] .navlinks a{color:#afbdd3;font-size:14px;padding:10px 14px;border-radius:99px}
.navlinks a:hover,.navlinks a.active,body[data-theme="light"] .navlinks a:hover,body[data-theme="light"] .navlinks a.active{background:#2e405c;color:#fff}
.nav .btn-ghost,body[data-theme="light"] .nav .btn-ghost{background:transparent;border-color:#44546c;color:#dce6f5}.nav .btn-soft,body[data-theme="light"] .nav .btn-soft{background:#d9fa72;color:#17251b;border-color:#d9fa72}.avatar{background:#516bca;color:#fff;border:2px solid #839ae7;width:40px;height:40px}
.btn{border-radius:12px;font-weight:800}.btn-primary,.body[data-theme="light"] .btn-primary{background:#d9fa72;color:#17251b;box-shadow:none}.btn-primary:hover{background:#c6ee54}.btn-soft,body[data-theme="light"] .btn-soft{background:#e9edff;color:#2b44ad;border-color:#d9e0ff}.btn-ghost,body[data-theme="light"] .btn-ghost{background:#fff;color:#1b2a42;border-color:#dce2ea}.btn-lg{padding:16px 22px}
.hero{position:relative;overflow:hidden;padding:80px 0 0;background:#111d30;border:0;color:#fff}.hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-340px;top:-290px;border:1px solid #3e5173;box-shadow:0 0 0 80px #16253a,0 0 0 81px #344562;pointer-events:none}.hero:after{content:"";position:absolute;left:34%;top:38%;height:340px;width:340px;background:radial-gradient(circle,#4d64be38,transparent 70%);pointer-events:none}
.hero-grid{position:relative;z-index:1;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;padding-bottom:70px}
.hero-copy{position:relative}.hero-index{display:flex;align-items:center;gap:10px;color:#b5c3d8;font-size:12px;font-weight:800;letter-spacing:.18em}.hero-line{width:24px;height:2px;background:#d9fa72}.hero-count{margin-left:auto;color:#778aa7;font-size:11px}
.hero h1{font:800 clamp(58px,6vw,90px)/.99 Manrope;color:#fff;letter-spacing:-.078em;margin:28px 0 24px;max-width:720px}.hero .grad{color:#d9fa72;-webkit-text-fill-color:#d9fa72}.hero-period{color:#fff;-webkit-text-fill-color:#fff}
.hero p{font-size:18px;color:#b9c6d8;line-height:1.7;max-width:520px}.hero-actions{margin-top:34px;gap:12px}.hero-actions .btn-ghost{background:#1e304a;color:#fff;border-color:#425370}.hero-actions .btn{justify-content:space-between;min-width:188px}.hero-foot{display:flex;gap:18px;margin-top:58px;color:#8293aa;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.hero-foot span+span:before{content:"/";margin-right:18px;color:#657791}
.discovery-panel{background:#f9fbff;color:#13223a;border-radius:26px;box-shadow:0 36px 70px #060e2066;overflow:hidden;transform:rotate(1.2deg);border:1px solid #ffffff}.discovery-top{height:74px;padding:25px 29px;display:flex;align-items:center;justify-content:space-between;background:#f1f4f8;border-bottom:1px solid #dee5ee}.disc-label{font-size:12px;font-weight:900;letter-spacing:.16em;color:#52617c}.disc-asterisk{font-size:40px;color:#4c69cb;line-height:1}.discovery-main{padding:36px 34px 34px}.disc-step{font-size:12px;letter-spacing:.17em;font-weight:900;color:#3558bd}.discovery-main h2{font:800 clamp(31px,3vw,43px)/1.1 Manrope;letter-spacing:-.06em;margin:17px 0 25px;color:#111d30}
.home-finder{display:flex;gap:8px;border-radius:14px;padding:6px;background:#fff;border:1px solid #cad4e3;box-shadow:0 9px 22px #1a2c4f12}.home-finder input{border:0;box-shadow:none;background:transparent;padding:13px;outline:0;color:#182840;font-size:16px}.home-finder .btn{min-width:56px;font-size:22px}.disc-hint{font-size:13px!important;color:#71809a!important;margin:26px 0 10px}.home-quick{display:grid;grid-template-columns:1fr;gap:9px;margin:0}.home-quick a{border:1px solid #dee4ed;border-radius:10px;padding:12px 14px;color:#253754;background:#fff;display:flex;justify-content:space-between;font-size:14px;font-weight:700}.home-quick a span{color:#4260bf}.home-quick a:hover{border-color:#8ca4ed;background:#f3f6ff}.discovery-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#d9fa72;padding:19px 28px;font-size:11px;letter-spacing:.09em;font-weight:900;color:#263a19}.discovery-bottom a{letter-spacing:0;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.hero-bottom{position:relative;z-index:1;display:flex;gap:14px;align-items:center;color:#91a1b9;border-top:1px solid #33455e;padding:17px 0;font-size:11px;letter-spacing:.17em;font-weight:800}.hero-bottom span:nth-child(2){color:#d9fa72;font-size:18px;margin:0 8px}
.section{padding:76px 0}.section:nth-of-type(2){background:#f5f7fa}.section:nth-of-type(3){background:#edf1f6}.section .pagehead{align-items:end}.section .pagehead h1{font-size:clamp(32px,3.4vw,46px)}
.page{padding:48px 0 100px}.pagehead{margin-bottom:30px}.pagehead h1,body[data-theme="light"] .pagehead h1{font:800 clamp(34px,3.5vw,48px)/1.07 Manrope;letter-spacing:-.065em;color:#101b2d}.pagehead p{font-size:16px;color:#64728a;max-width:690px}.kicker{font-size:12px;color:#365bc4;letter-spacing:.16em;margin-bottom:12px}
.card,body[data-theme="light"] .card{border-radius:18px;background:#fff;border:1px solid #e0e6ee;box-shadow:0 10px 35px #1d31500b}.cardhead{padding:22px 24px}.cardbody{padding:24px}.cardhead h3{font:800 18px Manrope;letter-spacing:-.03em}
.exam-card,.mock-card,.plan-card{position:relative;overflow:hidden;min-height:220px;padding:23px!important;display:flex;flex-direction:column;border-radius:18px}.exam-card:before,.mock-card:before{content:"";height:4px;position:absolute;left:0;right:0;top:0;background:#d9fa72}.exam-card:nth-child(2n):before,.mock-card:nth-child(2n):before{background:#7891e6}.exam-card:nth-child(3n):before{background:#f9ae89}.exam-card:hover,.mock-card:hover{transform:translateY(-5px);border-color:#abbce8;box-shadow:0 20px 40px #273e661c}.exam-icon{width:49px;height:49px;background:#edf2ff;color:#3559c4;border-radius:14px;font-size:23px}.exam-card h3,.mock-card h3{font:800 19px Manrope;letter-spacing:-.04em;margin:20px 0 7px}.exam-card p,.mock-card p{font-size:14px;color:#68768c}.cardmeta{margin-top:auto;padding-top:18px;font-size:13px;color:#536380}.cardmeta span:last-child{color:#3559c4;font-weight:800}
.metric,body[data-theme="light"] .metric{border-radius:16px;padding:22px;border:1px solid #e0e6ee;background:#fff}.metric strong{font:800 32px Manrope}.metric small{font-size:13px}.metric em{font-size:12px}
.result-hero,body[data-theme="light"] .result-hero{background:#193763;color:#fff;border:0;border-radius:22px;padding:30px}.result-hero h2,.result-hero h3{color:#fff!important}.result-hero .muted{color:#bdcbe3}.result-hero .metric{background:#284673;border-color:#53709c;color:#fff}.result-hero .metric small{color:#b9c8e0}.result-hero .progress{background:#49648d}.result-hero .progress i{background:#d9fa72}
.searchbar,body[data-theme="light"] .searchbar{padding:8px;border-radius:15px;border-color:#dce3ed;box-shadow:0 12px 27px #2539540e}.tab,body[data-theme="light"] .tab,body[data-theme="light"] .tabs .tab{border-radius:999px;padding:10px 16px}.tab.active,body[data-theme="light"] .tab.active{background:#1d3458;border-color:#1d3458;color:#fff}
.account-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}.account-sidebar,body[data-theme="light"] .account-sidebar{border-radius:18px;padding:16px}.account-sidebar a,body[data-theme="light"] .account-sidebar a{border-radius:10px;padding:13px 12px;font-size:14px}.account-sidebar a.active,.account-sidebar a:hover,body[data-theme="light"] .account-sidebar a.active,body[data-theme="light"] .account-sidebar a:hover{color:#fff;background:#1d3458}.account-sidebar .account-title{padding:13px 12px;color:#71819b;font-size:12px}
.test-top,body[data-theme="light"] .test-top{background:#111d30;color:#fff;border:0}.test-top b,body[data-theme="light"] .test-top b{color:#fff}.test-top .btn-ghost{background:#253955;color:#fff;border-color:#45607d}.test-side,body[data-theme="light"] .test-side{background:#eef2f7}.question-card{background:#fff;border:1px solid #dfe6ee;border-radius:20px;padding:28px;box-shadow:0 12px 28px #1627470a}.option,body[data-theme="light"] .option{border-radius:12px;padding:16px}.option.selected,body[data-theme="light"] .option.selected{background:#edf2ff;border-color:#5273cf}
.auth-visual,body[data-theme="light"] .auth-visual{background:#111d30}.auth-visual h1{color:#fff}.auth-formwrap,body[data-theme="light"] .auth-formwrap{background:#edf1f6}.auth-card{border-radius:20px}
.footer{background:#111d30;border:0;color:#fff;padding:65px 0 30px}.footer h4{color:#fff}.footer a,body[data-theme="light"] .footer a{color:#a7b6ca}.footer p,body[data-theme="light"] .footer p{color:#9dadc2}.copyright{color:#7e90aa;border-color:#34465c}
body[data-theme="dark"]{background:#0b1423;color:#eaf0fb}body[data-theme="dark"] .pagehead h1{color:#f1f5fd}body[data-theme="dark"] .pagehead p{color:#adbed3}body[data-theme="dark"] .hero{background:#111d30}body[data-theme="dark"] .hero h1{color:#fff}body[data-theme="dark"] .discovery-panel{background:#f9fbff;color:#13223a}body[data-theme="dark"] .discovery-main h2{color:#111d30}body[data-theme="dark"] .home-quick a{color:#253754;background:#fff}body[data-theme="dark"] .section:nth-of-type(2){background:#0b1423}body[data-theme="dark"] .section:nth-of-type(3){background:#142239}body[data-theme="dark"] .result-hero{background:#193763}body[data-theme="dark"] .result-hero .metric{background:#284673;border-color:#53709c}body[data-theme="dark"] .footer{background:#111d30}
@media(max-width:1050px){.nav,.body[data-theme="light"] .nav{height:auto}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:760px}.discovery-panel{max-width:620px;transform:none}.account-layout{grid-template-columns:1fr}}
@media(max-width:720px){.container{width:calc(100% - 28px)}.nav{min-height:72px}.hero{padding-top:46px}.hero-grid{gap:36px;padding-bottom:48px}.hero h1{font-size:clamp(49px,11vw,70px)}.hero p{font-size:16px}.hero-foot{margin-top:35px;gap:7px;flex-wrap:wrap;font-size:10px}.hero-foot span+span:before{margin-right:7px}.discovery-main{padding:27px 22px}.discovery-top{padding:20px 22px}.discovery-bottom{padding:18px 22px;flex-wrap:wrap}.hero-bottom{font-size:9px;letter-spacing:.07em}.section{padding:55px 0}.exam-card,.mock-card{min-height:unset}.page{padding:30px 0 70px}.question-card{padding:18px}.footergrid{grid-template-columns:1fr 1fr}}

/* Journal, editorial reading and account entry */
.blog-hero{background:#111d30;color:#fff;padding:83px 0 65px;position:relative;overflow:hidden}.blog-hero:after{content:"✳";position:absolute;right:7%;top:-55px;color:#d9fa72;font:400 360px/1 Inter;opacity:.18;pointer-events:none}.blog-hero .container{position:relative;z-index:1}.blog-hero .kicker{color:#d9fa72}.blog-hero h1{font:800 clamp(56px,6vw,90px)/.97 Manrope;letter-spacing:-.08em;margin:20px 0;color:#fff}.blog-hero h1 em{font-style:normal;color:#d9fa72}.blog-hero p{color:#bdcbe1;font-size:18px;max-width:550px}.blog-hero-meta{display:flex;gap:10px;margin-top:35px}.blog-hero-meta span{padding:8px 12px;border:1px solid #546680;border-radius:99px;color:#c8d6e8;font-size:12px;font-weight:700}
.editorial-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.editorial-intro h2{font:800 clamp(31px,3vw,43px)/1.15 Manrope;letter-spacing:-.055em;margin:0}.editorial-intro p{font-size:15px;color:#66758a;max-width:340px;margin:0}.editorial-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.editorial-card,.blog-card{min-height:360px;background:#fff;border:1px solid #dce3ed;border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 30px #182a4710;transition:.2s}.editorial-card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:0 25px 40px #182a471b;border-color:#a6b7e2}.editorial-card:nth-child(2),.blog-card:nth-child(2){background:#e6ecfa}.editorial-card:nth-child(3),.blog-card:nth-child(3){background:#d9fa72}.editorial-number,.blog-mark{font:800 52px/1 Manrope;letter-spacing:-.06em;color:#a5b7d1}.editorial-card:nth-child(3) .editorial-number,.blog-card:nth-child(3) .blog-mark{color:#7fa64c}.blog-tag{font-size:11px;font-weight:900;letter-spacing:.13em;color:#4261bd}.editorial-card:nth-child(3) .blog-tag,.blog-card:nth-child(3) .blog-tag{color:#466528}.editorial-card h2,.blog-card h3{font:800 clamp(22px,2.2vw,28px)/1.13 Manrope;letter-spacing:-.045em;margin:13px 0 12px;color:#15243c}.editorial-card p,.blog-card p{font-size:14px;line-height:1.6;color:#56667f;margin:0 0 20px}.editorial-link,.blog-arrow{color:#1c44b4;font-size:13px;font-weight:900}.blog-arrow{align-self:flex-end;font-size:24px}.blog-grid .blog-card{min-height:340px}.blog-outro{background:#1b355e;color:#fff;padding:45px 0}.blog-outro .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.blog-outro span,.join-inner span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#d9fa72}.blog-outro h2,.join-inner h2{font:800 clamp(25px,3vw,38px)/1.1 Manrope;letter-spacing:-.05em;margin:10px 0 0}
.workflow-section{background:#e9eef5!important}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workflow-card{background:#fff;border:1px solid #dce3ed;border-radius:18px;padding:25px;min-height:245px;display:flex;flex-direction:column}.workflow-card span{font-size:12px;color:#4261bd;font-weight:900;letter-spacing:.12em}.workflow-card h3{font:800 23px Manrope;letter-spacing:-.045em;margin:28px 0 8px}.workflow-card p{font-size:14px;color:#617089;line-height:1.6;margin:0 0 20px}.workflow-card a{margin-top:auto;color:#264bb8;font-size:14px;font-weight:800}.editorial-section{background:#f5f7fa!important}.join-strip{background:#d9fa72;color:#172a1a;padding:52px 0}.join-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.join-inner span{color:#436526}.join-inner>div:last-child{display:flex;gap:10px}.join-strip .btn-primary{background:#112642;color:#fff}.join-strip .btn-ghost{background:transparent;border-color:#7b9b48;color:#1c3119}
.article-wrap{padding:34px 0 100px}.crumbs{display:flex;gap:10px;align-items:center;color:#718098;font-size:13px;margin-bottom:42px}.crumbs a:hover{color:#274cb9}.article-layout{display:grid;grid-template-columns:minmax(0,770px) minmax(220px,290px);gap:74px;align-items:start}.article-kicker{font-size:12px;color:#3458bd;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.article-kicker span{margin:0 6px;color:#97a4ba}.article-main h1{font:800 clamp(42px,4.5vw,66px)/1.05 Manrope;letter-spacing:-.065em;margin:19px 0;color:#111d30}.article-lead{font-size:21px;line-height:1.5;color:#51617b}.article-divider{height:1px;background:#d8e0eb;margin:35px 0}.article-body section{margin:0 0 36px}.article-body h2{font:800 27px/1.2 Manrope;letter-spacing:-.035em;margin:0 0 12px}.article-body p{font-size:17px;line-height:1.8;color:#40516d;margin:0}.article-end{background:#d9fa72;border-radius:18px;padding:26px;margin-top:45px}.article-end span{font-size:12px;letter-spacing:.14em;font-weight:900}.article-end p{font:800 24px Manrope;letter-spacing:-.04em;margin:12px 0 18px}.article-end .btn{background:#111d30;color:#fff}.article-side{position:sticky;top:114px}.article-side-card{background:#1b355e;color:#fff;border-radius:18px;padding:26px}.article-side-card span{color:#d9fa72;font-size:11px;font-weight:900;letter-spacing:.15em}.article-side-card strong{display:block;font:800 26px/1.2 Manrope;letter-spacing:-.04em;margin:20px 0 12px}.article-side-card p{color:#c1cee1;font-size:14px;line-height:1.6}.article-side-card a{color:#d9fa72;font-size:14px;font-weight:800}.related-guides{padding:24px 2px}.related-guides h3{font-size:16px}.related-guides a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #dbe2ec;color:#2845a0;font-size:14px;font-weight:700}
.about-hero{background:#1b355e;color:#fff;padding:90px 0;position:relative;overflow:hidden}.about-hero:after{content:"";position:absolute;border:80px solid #d9fa7230;width:450px;height:450px;border-radius:50%;right:-170px;top:-150px;pointer-events:none}.about-hero .container{position:relative;z-index:1}.about-hero .kicker{color:#d9fa72}.about-hero h1{font:800 clamp(48px,5vw,76px)/1.05 Manrope;letter-spacing:-.07em;max-width:800px;margin:17px 0 20px}.about-hero p{font-size:19px;color:#c2cfe3;max-width:650px;line-height:1.6;margin-bottom:27px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-grid>div{background:#fff;border:1px solid #dce3ed;border-radius:18px;padding:27px;min-height:225px}.about-grid span{font-size:12px;letter-spacing:.13em;font-weight:900;color:#3c60c4}.about-grid h3{font:800 24px Manrope;letter-spacing:-.04em;margin:26px 0 9px}.about-grid p{color:#617089;font-size:15px;line-height:1.6}.about-bottom{background:#e9eef5}.about-bottom .result-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.about-bottom .result-hero .kicker{color:#d9fa72}.about-bottom .result-hero h2{font:800 34px Manrope;letter-spacing:-.05em;margin:10px 0}.about-bottom .result-hero>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.about-bottom .result-hero .btn-ghost{background:#304d79;color:#fff;border-color:#6680a6}
.auth-page .preview-ribbon{position:relative;z-index:2}.auth-wrap{min-height:calc(100vh - 32px);grid-template-columns:minmax(0,1fr) minmax(460px,.85fr)}.auth-visual,body[data-theme="light"] .auth-visual{background:#111d30;padding:46px clamp(35px,6vw,94px);position:relative;overflow:hidden}.auth-visual:after{content:"✳";position:absolute;right:-80px;bottom:40px;color:#d9fa72;font:400 320px/1 Inter;opacity:.13;pointer-events:none}.auth-visual-main{position:relative;z-index:1}.auth-visual .kicker{color:#d9fa72}.auth-visual h1,body[data-theme="light"] .auth-visual h1{font:800 clamp(45px,4.5vw,72px)/1.04 Manrope;letter-spacing:-.07em;max-width:640px;margin:19px 0}.auth-visual p{font-size:17px;line-height:1.7;color:#b6c6da}.auth-steps{display:grid;gap:13px;margin-top:42px}.auth-steps span{font-size:14px;color:#dbe6f3}.auth-steps b{color:#d9fa72;margin-right:15px;font-size:12px}.auth-visual-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;z-index:1;color:#8498b2;font-size:11px;letter-spacing:.12em;font-weight:800}.auth-visual-foot a{color:#d9fa72;letter-spacing:0;font-size:13px}.auth-corner{position:fixed;right:24px;top:53px;z-index:100}.auth-corner .btn-ghost{border-color:#d8e0eb}.auth-formwrap,body[data-theme="light"] .auth-formwrap{background:#eff2f7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative}.auth-top-link{position:absolute;top:46px;left:50px;color:#5d6d84;font-size:14px;font-weight:700}.auth-card{width:min(500px,100%);padding:38px;border-radius:23px!important;box-shadow:0 20px 60px #1023421c!important}.auth-card-icon{width:54px;height:54px;display:grid;place-items:center;background:#d9fa72;border-radius:14px;color:#1d361f;font-size:32px;margin-bottom:22px}.auth-card h2{font:800 33px Manrope;letter-spacing:-.05em;margin:0 0 8px}.auth-card>p{font-size:14px;color:#68778d;line-height:1.6;margin:0}.auth-card .formgrid{gap:17px;margin-top:28px}.auth-card .field{gap:8px}.auth-card .field label{font-size:14px;font-weight:800}.auth-card .input{padding:14px 15px;border-radius:10px;font-size:16px}.auth-card .btn-primary{background:#111d30;color:#fff;margin-top:5px}.auth-card .btn-primary:hover{background:#253d61}.auth-card small{font-size:12px;color:#78869c}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row a,.auth-switch a{color:#294fbb;font-weight:800;font-size:13px}.password-wrap{position:relative}.password-wrap input{padding-right:68px!important}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#3151ae;padding:8px;font-weight:800;font-size:13px}.auth-switch{font-size:14px;text-align:center;color:#6a778b;margin:4px 0 0}.auth-bottom-links{display:flex;gap:20px;position:absolute;bottom:31px;color:#7e8a9b;font-size:13px}.auth-bottom-links a:hover{color:#294fbb}
.faq-list details{border-bottom:1px solid #e3e9f0;padding:17px 0}.faq-list details:first-child{padding-top:0}.faq-list details:last-of-type{border-bottom:0}.faq-list summary{cursor:pointer;font-weight:800;color:#263854;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:"+";color:#365dc7;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:#5a6b84;line-height:1.6;font-size:14px}.faq-list a{color:#3157be;text-decoration:underline}.faq-empty{font-size:14px;color:#6b7890}
body[data-theme="dark"] .editorial-card,body[data-theme="dark"] .blog-card,body[data-theme="dark"] .workflow-card,body[data-theme="dark"] .about-grid>div{background:#142340;color:#edf4ff;border-color:#344661}body[data-theme="dark"] .editorial-card h2,body[data-theme="dark"] .blog-card h3,body[data-theme="dark"] .about-grid h3{color:#edf4ff}body[data-theme="dark"] .editorial-card p,body[data-theme="dark"] .blog-card p,body[data-theme="dark"] .workflow-card p,body[data-theme="dark"] .about-grid p{color:#b2c0d4}body[data-theme="dark"] .editorial-intro p,body[data-theme="dark"] .article-body p,body[data-theme="dark"] .article-lead{color:#b2c0d4}body[data-theme="dark"] .article-main h1{color:#f1f5ff}body[data-theme="dark"] .auth-card{background:#142340}body[data-theme="dark"] .auth-formwrap{background:#0b1423}body[data-theme="dark"] .faq-list summary{color:#eff4fc}
@media(max-width:1050px){.editorial-grid,.blog-grid,.workflow-grid,.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:25px}.article-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.auth-wrap{grid-template-columns:1fr}.auth-visual{display:none}.auth-formwrap{min-height:calc(100vh - 32px)}}
@media(max-width:720px){.editorial-grid,.blog-grid,.workflow-grid,.about-grid{grid-template-columns:1fr}.editorial-intro,.blog-outro .container,.join-inner,.about-bottom .result-hero{align-items:flex-start;flex-direction:column}.editorial-card,.blog-card{min-height:285px}.article-wrap{padding-top:24px}.article-main h1{font-size:42px}.article-lead{font-size:18px}.article-body p{font-size:16px}.article-side{grid-template-columns:1fr}.auth-formwrap{padding:100px 16px 75px}.auth-card{padding:26px}.auth-top-link{top:34px;left:20px}.auth-corner{right:16px;top:48px}.auth-bottom-links{bottom:25px}.nav .nav-login,.nav .nav-signup{display:inline-flex!important}.navactions{gap:4px}.nav .nav-login{padding:8px 9px}.nav .nav-signup{padding:8px 9px}.join-inner>div:last-child{flex-wrap:wrap}}

.pagehead h2,.section .pagehead h2{font:800 clamp(34px,3.5vw,48px)/1.07 Manrope;letter-spacing:-.065em;margin:0;color:#101b2d}.empty h1{font:800 25px Manrope;letter-spacing:-.04em;margin:0 0 9px}body[data-theme="dark"] .pagehead h2{color:#f1f5ff}