:root{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:#eaf2ff;background:#06101d;font-synthesis:none;
}
*{box-sizing:border-box} body{margin:0;min-width:320px;background:
radial-gradient(circle at 70% 0%,rgba(58,123,255,.12),transparent 28%),
linear-gradient(180deg,#07111f,#091523 45%,#07101b)}
button,input,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid rgba(255,255,255,.07);background:rgba(4,11,20,.75);backdrop-filter:blur(20px)}
.brand{display:flex;gap:12px;align-items:center;margin:2px 10px 34px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8cf0c9,#4ca0ff);color:#062032;box-shadow:0 10px 34px rgba(80,182,255,.2)}
.brand strong{font-size:20px;margin-right:5px}.brand span{display:block;color:#8fa1b9;font-size:12px;margin-top:2px;letter-spacing:.08em}
nav{display:grid;gap:8px}nav button{border:0;background:transparent;color:#8fa1b9;display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:12px;text-align:left;cursor:pointer}nav button svg{width:19px}nav button:hover,nav button.active{background:rgba(94,165,255,.1);color:#fff}
.side-card{position:absolute;left:18px;right:18px;bottom:24px;border:1px solid rgba(129,222,198,.14);background:rgba(40,110,95,.1);border-radius:16px;padding:14px;display:flex;gap:10px;color:#9debcf}.side-card strong{display:block;font-size:13px}.side-card span{display:block;color:#79958e;font-size:11px;margin-top:4px;line-height:1.4}
main{padding:34px 46px 60px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#6f8ba9;font-weight:800}.topbar h1{font-size:25px;margin:7px 0 0}.goal-pill{display:flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.08);padding:11px 14px;border-radius:999px;color:#8ea1ba;font-size:12px;background:rgba(255,255,255,.025)}.goal-pill strong{color:#e9f0fa}
.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:28px;padding:38px;border-radius:28px;background:linear-gradient(135deg,rgba(24,47,74,.92),rgba(9,24,39,.96));border:1px solid rgba(116,183,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.2);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:370px;height:370px;right:-120px;top:-190px;border-radius:50%;background:rgba(83,157,255,.08);filter:blur(3px)}.badge,.topic-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(117,226,192,.11);color:#91e5c9;border:1px solid rgba(117,226,192,.14);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.hero h2{font-size:42px;line-height:1.08;margin:20px 0 14px;letter-spacing:-.035em}.hero h2 span{background:linear-gradient(90deg,#94efcf,#7eb9ff);-webkit-background-clip:text;color:transparent}.hero p{max-width:700px;color:#9caec4;line-height:1.7;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:26px}.primary,.ghost{border:0;border-radius:12px;padding:13px 18px;font-weight:750;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.primary{background:linear-gradient(135deg,#91e7c9,#62aafc);color:#071526;box-shadow:0 10px 30px rgba(87,174,255,.18)}.primary:disabled{opacity:.35;cursor:not-allowed}.ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dce8f5}.hero-score{display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.07);z-index:1}.ring{--p:0;width:172px;height:172px;border-radius:50%;background:conic-gradient(#81dfc2 calc(var(--p)*1%),rgba(255,255,255,.06) 0);display:grid;place-items:center}.ring:before{content:"";width:142px;height:142px;background:#102238;border-radius:50%;position:absolute}.ring div{position:relative;text-align:center}.ring strong{display:block;font-size:31px}.ring span{font-size:11px;color:#8499b0}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;margin-top:22px}.score-grid div{text-align:center}.score-grid strong{display:block;font-size:18px}.score-grid span{font-size:10px;color:#7f94aa}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 4px 16px}.section-head h3{margin:6px 0 0;font-size:21px}.text-btn{border:0;background:none;color:#7caef1;display:flex;gap:5px;align-items:center;cursor:pointer}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.module-card{padding:20px;border-radius:20px;background:rgba(16,31,49,.75);border:1px solid rgba(255,255,255,.07);color:#eaf2ff;text-align:left;cursor:pointer;transition:.2s}.module-card:hover{transform:translateY(-3px);border-color:rgba(117,190,255,.25);box-shadow:0 20px 45px rgba(0,0,0,.18)}.module-icon{width:42px;height:42px;border-radius:13px;background:rgba(89,166,255,.11);display:grid;place-items:center;color:#8bc7ff}.module-top,.module-foot{display:flex;justify-content:space-between;align-items:center}.module-top{margin-top:18px;color:#71879f;font-size:10px;letter-spacing:.1em}.module-top strong{font-size:12px;color:#8fd9c1}.module-card h4{font-size:19px;margin:9px 0 8px}.module-card p{font-size:12px;color:#8498af;line-height:1.55;min-height:56px}.progressbar,.learn-progress{height:5px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.progressbar i,.learn-progress i{display:block;height:100%;background:linear-gradient(90deg,#86ddc2,#60a8fa);border-radius:99px}.module-foot{margin-top:14px;color:#7d91a6;font-size:11px}.today-card{margin-top:18px;padding:20px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.today-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(129,225,193,.1);color:#8de2c6}.today-card h3{font-size:16px;margin:4px 0}.today-card p{margin:0;color:#788ca2;font-size:12px}.small{padding:10px 16px}
.panel{background:rgba(13,28,44,.86);border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:30px}.panel-head{display:flex;gap:14px;align-items:flex-start}.panel-head>svg{width:42px;height:42px;padding:10px;background:rgba(93,167,255,.12);border-radius:13px;color:#81bfff}.panel h2{margin:5px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.form-grid label{display:grid;gap:10px;padding:18px;border-radius:15px;background:rgba(255,255,255,.025)}.form-grid label span{color:#8295ab;font-size:12px}.form-grid input[type=date]{background:#0a1827;color:#eaf2ff;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:10px}.plan-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.plan-summary div{padding:18px;background:rgba(255,255,255,.025);border-radius:14px}.plan-summary span{display:block;color:#7f92a8;font-size:11px}.plan-summary strong{font-size:19px;display:block;margin-top:6px}.muted{color:#71869e;line-height:1.6;font-size:12px}
.learn-wrap{max-width:860px;margin:0 auto}.learn-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:20px}.back{border:0;background:none;color:#8ea5bd;cursor:pointer}.question-card{background:rgba(13,29,46,.95);border:1px solid rgba(255,255,255,.07);border-radius:25px;padding:30px}.question-card h2{font-size:25px;line-height:1.35;margin:18px 0 24px}.answers{display:grid;gap:10px}.answers button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#cdd9e8;padding:14px;border-radius:13px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;gap:10px;cursor:pointer}.answers button b{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#8095ac}.answers button:hover,.answers button.selected{border-color:rgba(106,175,255,.4)}.answers button.correct{border-color:rgba(92,220,170,.45);background:rgba(73,188,143,.08)}.answers button.wrong{border-color:rgba(255,102,111,.45);background:rgba(255,89,99,.07)}.answers button.correct svg{color:#72ddb8}.answers button.wrong svg{color:#ff7f88}.explanation{margin-top:18px;padding:16px;border-radius:14px;display:flex;gap:12px}.explanation.good{background:rgba(75,195,148,.08);border:1px solid rgba(75,195,148,.16)}.explanation.bad{background:rgba(255,106,112,.07);border:1px solid rgba(255,106,112,.14)}.explanation strong{font-size:13px}.explanation p{margin:5px 0;color:#a4b4c8;line-height:1.55;font-size:13px}.explanation small{color:#65798f}.next{margin-top:18px;margin-left:auto}.session-stats{display:flex;justify-content:center;gap:18px;margin-top:16px;color:#768da4;font-size:11px}.session-stats span{display:flex;gap:6px;align-items:center}.session-stats svg{width:15px}
.exam-layout{max-width:900px;margin:0 auto}.psych-card{display:flex;gap:16px;padding:20px;border-radius:19px;background:linear-gradient(135deg,rgba(50,101,148,.22),rgba(18,42,66,.55));border:1px solid rgba(113,178,255,.14);margin-bottom:16px}.psych-avatar{width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,#93e4c9,#66aafa);color:#061522;display:grid;place-items:center}.live-dot{font-size:10px;color:#89dfc4;letter-spacing:.12em}.psych-card h2{margin:6px 0 3px;font-size:18px}.psych-card p{margin:0;color:#7f95ac;font-size:12px}.interview{padding:28px;border-radius:24px;background:rgba(13,29,46,.94);border:1px solid rgba(255,255,255,.07)}.speech{display:flex;gap:13px}.avatar-mini{width:36px;height:36px;border-radius:11px;background:rgba(96,170,255,.1);display:grid;place-items:center;color:#80bfff}.speech small{color:#7188a0}.speech h3{font-size:22px;line-height:1.4;margin:7px 0 18px}.interview textarea{width:100%;min-height:180px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#091827;color:#e9f1fb;padding:16px;resize:vertical;outline:none;line-height:1.6;margin-bottom:14px}.interview textarea:focus{border-color:rgba(107,181,255,.4)}.feedback-box{margin-top:3px;padding:18px;border-radius:14px;background:rgba(81,184,147,.07);border:1px solid rgba(81,184,147,.14)}.feedback-box p{color:#9fb1c5;line-height:1.55}.feedback-hint{padding:12px;background:rgba(255,255,255,.03);border-radius:10px;color:#7f94aa;font-size:12px;margin-bottom:14px}.exam-note{display:flex;gap:9px;align-items:center;color:#6f839a;font-size:11px;margin:14px 4px}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-score{border-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:25px}.app-shell{grid-template-columns:80px 1fr}.sidebar{padding:22px 12px}.brand>div:last-child,nav button:not(.active){font-size:0}.brand{margin-left:6px}.side-card{display:none}nav button{justify-content:center}main{padding:28px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;z-index:30;top:auto;bottom:0;left:0;right:0;height:auto;border-right:0;border-top:1px solid rgba(255,255,255,.08);padding:7px 8px;background:rgba(5,13,23,.94)}.brand,.side-card{display:none}nav{grid-template-columns:repeat(4,1fr);gap:4px}nav button,nav button:not(.active){font-size:9px;display:flex;flex-direction:column;gap:3px;padding:7px 4px}main{padding:22px 15px 95px}.topbar{align-items:center}.topbar h1{font-size:20px}.goal-pill{display:none}.hero{padding:24px;border-radius:22px}.hero h2{font-size:31px}.hero-actions{flex-direction:column}.module-grid{grid-template-columns:1fr}.module-card p{min-height:auto}.today-card{grid-template-columns:auto 1fr}.today-card button{grid-column:1/-1;justify-content:center}.form-grid,.plan-summary{grid-template-columns:1fr}.question-card{padding:20px}.question-card h2{font-size:21px}.session-stats{gap:10px;flex-wrap:wrap}.psych-card{align-items:flex-start}.interview{padding:20px}.speech h3{font-size:19px}}

.big-icon{width:42px;height:42px;padding:10px;background:rgba(93,167,255,.12);border-radius:13px;color:#81bfff;display:grid;place-items:center}.brand-mark{font-weight:900}.answers button em{font-style:normal;font-size:20px}.sidebar nav button i{font-style:normal;font-size:18px;width:20px;text-align:center}.sidebar nav button span{display:inline}.today-icon{font-size:22px}.psych-avatar,.avatar-mini{font-size:23px}.exam-note{gap:10px}
@media(max-width:1100px){.sidebar nav button span{display:none}} @media(max-width:720px){.sidebar nav button span{display:block}.sidebar nav button{font-size:9px!important}}

.knowledge-callout{margin-top:18px;padding:22px 24px;border:1px solid rgba(107,181,255,.14);border-radius:18px;background:linear-gradient(135deg,rgba(70,139,207,.09),rgba(66,185,145,.05));display:flex;align-items:center;justify-content:space-between;gap:22px}.knowledge-callout h3{margin:6px 0}.knowledge-callout p{margin:0;color:#7d92aa;font-size:12px}.knowledge-page{max-width:1180px;margin:auto}.knowledge-hero{padding:28px;border-radius:24px;background:linear-gradient(135deg,rgba(25,59,91,.9),rgba(11,28,45,.96));border:1px solid rgba(116,183,255,.12);display:flex;justify-content:space-between;align-items:center}.knowledge-hero h2{font-size:30px;margin:13px 0 8px}.knowledge-hero p{color:#8da2b9;max-width:760px}.knowledge-stat{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(112,216,185,.08);border:1px solid rgba(112,216,185,.18)}.knowledge-stat strong{font-size:30px;display:block}.knowledge-stat span{font-size:10px;color:#7f9b93}.search-panel{margin-top:18px;padding:18px;border-radius:18px;background:rgba(13,29,46,.8);border:1px solid rgba(255,255,255,.07)}.search-box{height:52px;border-radius:14px;background:#091827;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;padding:0 15px;gap:10px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#eaf2ff;font-size:15px}.cat-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.cat{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#7890a8;padding:7px 10px;border-radius:999px;font-size:10px;cursor:pointer}.cat.active,.cat:hover{color:#9de4ce;border-color:rgba(117,226,192,.2);background:rgba(117,226,192,.07)}.speed-calc{margin-top:18px;padding:20px;border-radius:18px;border:1px solid rgba(126,181,255,.12);background:rgba(16,35,55,.66);display:grid;grid-template-columns:1.4fr .45fr .45fr 1fr;gap:14px;align-items:center}.speed-calc h3{margin:5px 0}.speed-calc p{margin:0;color:#71879f;font-size:11px}.speed-calc label{display:grid;grid-template-columns:1fr auto;gap:4px 7px}.speed-calc label span{grid-column:1/-1;color:#71879f;font-size:10px}.speed-calc input{width:100%;background:#091827;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:10px}.speed-calc b{font-size:10px;color:#71879f}.calc-result{border-left:1px solid rgba(255,255,255,.08);padding-left:16px;display:grid;grid-template-columns:1fr auto;gap:5px 10px}.calc-result span{font-size:10px;color:#72879d}.calc-result strong{color:#8ae0c3}.calc-result small{grid-column:1/-1;color:#899db2;line-height:1.45;margin-top:5px}.knowledge-meta{display:flex;justify-content:space-between;margin:18px 3px 10px;color:#6f849b;font-size:10px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.knowledge-card{padding:20px;border-radius:18px;background:rgba(13,29,46,.86);border:1px solid rgba(255,255,255,.07)}.knowledge-card-top{display:flex;justify-content:space-between}.kcat{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8bdcc2;background:rgba(95,207,168,.08);padding:5px 8px;border-radius:999px}.kpage{font-size:10px;color:#677e95}.knowledge-card h3{font-size:17px;margin:12px 0 8px}.knowledge-card>p{font-size:12px;line-height:1.6;color:#8fa3b9}.fact-list{display:grid;gap:6px;margin-top:14px}.fact-list div{display:flex;gap:8px;font-size:11px;color:#adbdce}.fact-list i{font-style:normal;color:#7edcbd}.knowledge-card footer{border-top:1px solid rgba(255,255,255,.06);margin-top:15px;padding-top:10px;color:#5f758c;font-size:9px}.empty-state{grid-column:1/-1;padding:40px;text-align:center;color:#71869e}@media(max-width:950px){.speed-calc{grid-template-columns:1fr 1fr}.speed-calc>div:first-child,.calc-result{grid-column:1/-1}.knowledge-grid{grid-template-columns:1fr}}@media(max-width:720px){.sidebar nav{grid-template-columns:repeat(5,1fr)}.knowledge-callout{flex-direction:column;align-items:stretch}.knowledge-stat{display:none}.knowledge-hero h2{font-size:25px}}