@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600;700;800&display=swap";:root{font-family:Hanken Grotesk,system-ui,sans-serif;color:#141d23;background:#f6faff;font-synthesis:none;--primary: #02458b;--navy: #2b5da4;--gold: #fdd355;--muted: #5b6470;--surface: #fff;--soft: #ecf5fe;--border: #dbe4ed;--danger: #ba1a1a}*{box-sizing:border-box}body{margin:0}a{color:var(--primary);font-weight:700;text-decoration:none}button,input{font:inherit}button,a{outline-offset:3px}:focus-visible{outline:3px solid #ebc246}.brand{color:var(--primary);font-size:24px;font-weight:800;letter-spacing:-.04em}.brand.large{font-size:30px}.brand.inverse{color:#fff}.button{align-items:center;border-radius:12px;border:1.5px solid transparent;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:46px;padding:10px 20px}.button.primary,.button:not(.secondary):not(.danger):not(.accent){background:var(--primary);border-bottom-color:#001b3e;color:#fff}.button.secondary{background:#fff;border-color:var(--primary);color:var(--primary)}.button.accent{background:var(--gold);color:#27364a}.button.danger{background:var(--danger);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #2b5da40a;padding:24px}.grid{display:grid;gap:24px}.grid.three{grid-template-columns:repeat(3,1fr)}.page{margin:0 auto;max-width:1200px;padding:56px 36px 100px;width:100%}.page-title{margin-bottom:36px}.page-title h1,h1,h2,h3{color:var(--primary);line-height:1.15}.page-title h1{font-size:38px;margin:0 0 8px}.page-title p,.card p{color:var(--muted)}.eyebrow{color:#745b00;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.progress{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.progress span{background:var(--gold);border-radius:99px;display:block;height:100%;transition:width .3s}.state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:180px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;height:28px;width:28px}@keyframes spin{to{transform:rotate(360deg)}}.error h2,.danger-zone h2{color:var(--danger)}.landing header,.landing footer{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1200px;padding:22px 24px}.landing nav{align-items:center;display:flex;gap:24px}.landing footer{color:var(--muted);font-size:14px}.hero{align-items:center;display:grid;gap:64px;grid-template-columns:1.1fr .9fr;margin:auto;max-width:1200px;min-height:560px;padding:64px 24px}.hero h1{font-size:54px;letter-spacing:-.035em;margin:14px 0}.hero p{font-size:20px;line-height:1.6;max-width:600px}.hero-art{background:linear-gradient(160deg,#d6e3ff,#7c9fc5);border-radius:24px;box-shadow:0 20px 60px #02458b25;height:400px;overflow:hidden;position:relative}.hero-art span{color:#fff9;font-size:72px;font-weight:800;left:32px;position:absolute;top:32px}.hero-art:after{background:linear-gradient(170deg,transparent 45%,#fff 46%,#dbe4ed 58%,#7e9abe 59%);bottom:0;content:"";height:75%;position:absolute;width:100%}.sun{background:var(--gold);border-radius:50%;height:90px;position:absolute;right:65px;top:90px;width:90px}.features{background:var(--soft);padding:70px max(24px,calc((100% - 1152px)/2))}.features>h2{text-align:center;margin-bottom:36px}.cta{background:var(--navy);border-radius:20px;margin:70px auto;max-width:1152px;padding:44px}.cta h2{color:#fff}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{background:linear-gradient(145deg,#02458b,#4f7bb5);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px}.auth-art h1{color:#fff;font-size:48px}.auth-panel{align-items:center;display:flex;justify-content:center;padding:32px}.auth-box{display:flex;flex-direction:column;gap:14px;max-width:420px;width:100%}.auth-box h1{font-size:38px;margin-bottom:0}.or{align-items:center;color:var(--muted);display:flex;gap:14px}.or:before,.or:after{background:var(--border);content:"";height:1px;flex:1}.fine{color:var(--muted);font-size:13px;text-align:center}.app-header{display:none}.app-body{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-body aside{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:40px;padding:38px 28px;position:sticky;top:0;height:100vh}.app-body aside nav{display:flex;flex-direction:column;gap:8px}.app-body aside nav a{border-radius:10px;color:var(--muted);padding:13px}.app-body aside nav a.active{background:var(--soft);color:var(--primary)}.text-button{background:none;border:0;color:var(--muted);cursor:pointer;margin-top:auto;text-align:left}.mobile-nav{display:none}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;margin-bottom:42px}.big-metric{color:var(--primary);font-size:48px;font-weight:800}.section-heading{align-items:center;display:flex;justify-content:space-between;margin:42px 0 20px}.resume .button{margin-top:20px}.chips{display:flex;gap:10px;margin-bottom:28px;overflow:auto}.chips a{background:#fff;border:1px solid var(--border);border-radius:99px;padding:9px 15px;white-space:nowrap}.chips a.active{background:var(--primary);color:#fff}.lesson-outline{display:grid;gap:12px;margin-top:26px}.lesson-outline .card{align-items:center;display:flex;gap:20px}.lesson{background:#fff;border-radius:16px;margin:30px auto;max-width:800px;padding:24px 50px}.lesson section{border-bottom:1px solid var(--border);padding:28px 0}.lesson p{font-size:18px;line-height:1.75}.lesson-end{text-align:center}.practice-page{display:flex;flex-direction:column;min-height:100vh}.practice-page>header,.practice-page>footer{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:20px 5vw}.practice-page>.progress{border-radius:0}.question{margin:auto;max-width:780px;padding:50px 24px;width:100%}.question h1{font-size:34px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:36px 0}.answers button{align-items:center;background:#fff;border:2px solid transparent;border-radius:16px;box-shadow:0 4px 12px #2b5da412;color:#141d23;cursor:pointer;display:flex;gap:16px;min-height:84px;padding:18px;text-align:left}.answers button span{align-items:center;background:var(--soft);border-radius:50%;display:flex;height:34px;justify-content:center;min-width:34px}.answers button.selected{border-color:var(--primary)}.answers button.correct{border-color:#16815b;background:#ecfff7}.answers button.wrong{border-color:var(--danger);background:#fff4f3}.feedback.success h2{color:#16815b}.result-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.result-page>.card{text-align:center;max-width:600px}.result-icon{align-items:center;background:#e8fff5;border-radius:50%;color:#16815b;display:inline-flex;font-size:32px;height:72px;justify-content:center;width:72px}.ring{align-items:center;background:conic-gradient(var(--gold) var(--value),var(--border) 0);border-radius:50%;display:flex;height:150px;justify-content:center;margin:20px auto;position:relative;width:150px}.ring:after{background:#fff;border-radius:50%;content:"";inset:14px;position:absolute}.ring b{font-size:30px;z-index:1}.progress-list{display:grid;gap:12px}.progress-list .card{display:grid;grid-template-columns:1fr auto;gap:8px}.progress-list .progress{grid-column:1/-1}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid h2,.account-management>h2{font-size:19px}.settings-grid .card{display:flex;flex-direction:column;gap:20px}label{color:var(--primary);display:flex;flex-direction:column;font-weight:700;gap:7px}input{background:#fff;border:1.5px solid var(--border);border-radius:10px;color:#141d23;min-height:48px;padding:10px 13px}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #aac7ff55;outline:none}.account-management{margin-top:54px}.account-row{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:8px 0}.account-row+.account-row{border-top:1px solid var(--border);margin-top:14px;padding-top:22px}.account-row p{margin:6px 0}.account-row.quiet{font-size:14px}.danger-zone{margin:auto;max-width:700px}.center{align-items:center;display:flex;min-height:100vh;justify-content:center}@media(max-width:900px){.grid.three{grid-template-columns:1fr 1fr}.app-body{display:block}.app-body aside{display:none}.app-header{align-items:center;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 22px}.app-header nav{display:flex;gap:20px}.avatar{background:var(--primary);border:0;border-radius:50%;color:#fff;height:38px;width:38px}.hero{grid-template-columns:1fr}.hero-art{height:300px}.dashboard-grid{grid-template-columns:1fr}.auth-art{display:none}.auth-page{grid-template-columns:1fr}}@media(max-width:640px){.page{padding:32px 16px 90px}.page-title h1{font-size:30px}.grid.three,.settings-grid,.answers{grid-template-columns:1fr}.landing header nav>a:first-child{display:none}.hero{gap:30px;min-height:0;padding-top:40px}.hero h1{font-size:38px}.hero-art{height:220px}.features{padding:50px 16px}.cta{border-radius:0;margin:0;padding:42px 20px}.app-header nav{display:none}.mobile-nav{background:#fff;border-top:1px solid var(--border);bottom:0;display:flex;justify-content:space-around;left:0;padding:13px 6px;position:fixed;right:0;z-index:10}.mobile-nav a{color:var(--muted);font-size:13px}.mobile-nav a.active{color:var(--primary)}.lesson{border-radius:0;margin-left:-16px;margin-right:-16px;padding:20px 24px}.question{padding-top:34px}.question h1{font-size:27px}.practice-page>footer{position:sticky;bottom:0}.account-row{align-items:flex-start;flex-direction:column}.auth-panel{padding:24px}.auth-box h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}.exam-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.exam-facts div{background:var(--soft);border-radius:12px;padding:16px}.exam-facts dt{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.exam-facts dd{color:var(--primary);font-size:24px;font-weight:800;margin:6px 0 0}.mock-focus{background:var(--surface);display:flex;flex-direction:column;min-height:100vh}.mock-focus>header,.mock-focus>footer{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:18px 5vw}.mock-focus>.progress{border-radius:0}.mock-focus .timer{background:var(--soft);border-radius:99px;color:#745b00;font-size:18px;font-weight:800;padding:8px 14px}.question-nav{display:flex;flex-wrap:wrap;gap:8px;margin:28px auto 0;max-width:900px;padding:0 24px;width:100%}.question-nav button{background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;height:40px;width:40px}.question-nav button.answered{background:#e8fff5}.question-nav button.flagged{border:2px solid #a66b00}.question-nav button.current{border:3px solid var(--primary)}.mock-question{margin:0 auto;max-width:900px;padding:42px 24px;width:100%}.mock-question h1{color:var(--on-surface, #141d23);font-size:34px}.mock-actions{display:grid;gap:12px;grid-template-columns:1fr 2fr 1fr;margin:20px 0 12px}.mock-focus>footer{border-top:1px solid var(--border);margin-top:auto;position:sticky;bottom:0;background:#fff}.score-trend{align-items:flex-end;display:flex;gap:8px;height:120px;margin-top:24px}.score-trend span{background:var(--gold);border-radius:6px 6px 0 0;flex:1;min-height:8px}.review-list{display:grid;gap:16px}.review-list>a{color:inherit}.correct-text{color:#16815b!important;font-weight:700}.cta-card{align-items:center;background:var(--navy);display:flex;justify-content:space-between;margin-top:32px}.cta-card h2,.cta-card p{color:#fff}@media(max-width:640px){.cta-card{align-items:flex-start;flex-direction:column}.exam-facts{grid-template-columns:1fr}.mock-focus>header{align-items:flex-start;flex-wrap:wrap}.mock-focus>header .brand{width:100%}.question-nav{max-height:104px;overflow:auto}.mock-question h1{font-size:27px}.mock-actions{grid-template-columns:1fr 1fr}.mock-actions .button:nth-child(2){grid-column:1/-1;grid-row:1}.mock-focus>footer{align-items:stretch;flex-direction:column}.mock-focus>footer .button{width:100%}}