:root{--teal:#00818b;--deep:#15495a;--btn:#196d7b;--aqua:#e9f8fa;--gold:#ffc426;--ink:#112438;--muted:#657d94;--line:#e2eaf2;--bg:#f6f8fb;--red:#c94255;--green:#008962;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:white;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.22;letter-spacing:-.025em;margin:0 0 14px}h1{font-size:clamp(2rem,3.5vw,3rem)}h2{font-size:clamp(1.6rem,2.7vw,2.2rem)}h3{font-size:1.25rem}p{margin:0 0 18px}.muted{color:var(--muted)}.gold{color:#df9e00}.small{font-size:.875rem}.container{width:min(1180px,calc(100% - 48px));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border:1px solid transparent;border-radius:14px;background:var(--btn);color:white;font-weight:750;line-height:1.4;min-height:48px;text-decoration:none}.btn:hover{filter:brightness(.95);text-decoration:none}.btn.gold-btn{background:var(--gold);color:#133543;box-shadow:0 6px 18px #ffc42630}.btn.outline{background:white;border-color:var(--teal);color:var(--teal)}.btn.white{background:white;color:var(--btn)}.btn.ghost{background:#f2f6fa;color:#466178}.btn.danger{background:var(--red)}.btn.wide{width:100%}.pill{border-radius:100px}.badge{font-size:.875rem;font-weight:650;background:#e7f6f6;color:var(--teal);border:1px solid #cdebed;padding:4px 11px;border-radius:100px;display:inline-flex;align-items:center;gap:6px}.badge.yellow{background:#fff7dd;border-color:#ffe69f;color:#916000}.badge.red{color:var(--red);background:#fff0f2;border-color:#f4cad0}.icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#edfafa;color:var(--teal);flex-shrink:0}.icon svg{width:23px;height:23px}.row{display:flex;align-items:center;gap:14px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:20px}.public-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100% - 1180px)/2));background:#ffffffed;border-bottom:1px solid #edf1f4;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:1.5rem;line-height:1;font-weight:850;color:var(--teal);white-space:nowrap;letter-spacing:-.065em}.brand:hover{text-decoration:none}.brand small{display:block;font-size:.625rem;letter-spacing:.11em;font-weight:750;margin-top:6px;color:var(--muted)}.brand-icon{background:var(--teal);color:var(--gold);font-size:1.35rem;width:35px;height:38px;border-radius:10px;display:grid;place-items:center;letter-spacing:0}.navlinks{display:flex;gap:26px}.navlinks a{font-size:.9375rem;color:#455e6a}.header-actions{display:flex;gap:10px}.header-actions .btn{padding:10px 22px;border-radius:100px}.hero{background:radial-gradient(ellipse at 70% 40%,#d8f4f6,transparent 60%),linear-gradient(120deg,#f7fcfd,#eaf8fa);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:605px;gap:24px}.hero-copy{padding:48px 0 40px}.hero-copy .badge{margin-bottom:20px}.hero h1{max-width:600px;line-height:1.2;letter-spacing:-.03em}.hero h1 span{color:var(--teal);display:block}.hero p{color:#597480;max-width:510px}.hero .actions{display:flex;gap:14px;margin:26px 0}.hero .actions .btn{border-radius:100px}.mini-stats{display:flex;gap:22px;max-width:435px;background:#ffffffc9;border:1px solid #e3eef2;border-radius:18px;padding:17px 22px;box-shadow:0 3px 8px #1e778305}.mini-stats strong{display:block;line-height:1.2}.mini-stats span{font-size:.8125rem;color:var(--muted)}.hero-visual{height:600px;position:relative}.hero-visual:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:#c7eff1;left:40px;top:115px}.mascot{position:absolute;bottom:-100px;left:-25px;width:400px;height:630px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 20px #00778013)}.demo-question{position:absolute;right:-14px;top:183px;width:295px;background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 36px #00818b12;transform:rotate(1deg)}.demo-question .stem{background:#f6f8fb;border-radius:12px;font-size:.875rem;font-weight:650;padding:14px;margin:14px 0}.demo-options{display:grid;gap:8px}.demo-options button{border:1px solid #dce5eb;border-radius:10px;padding:8px 12px;text-align:left;background:white;color:#4d6275;font-size:.875rem}.demo-options button.selected{border-color:var(--teal);color:var(--teal);background:#effafa;font-weight:700}.demo-feedback{min-height:24px;margin:8px 0 0;font-size:.8125rem;color:var(--teal)}.stats-band{background:var(--teal);color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:30px 0}.stats-grid strong{display:block;font-size:2rem}.stats-grid span{color:#d5f2f4;font-size:.875rem}.stats-grid .icon{background:#ffffff18;color:white;margin-bottom:8px}.section{padding:74px 0}.section.soft{background:#f6fbfc}.section-title{text-align:center;max-width:720px;margin:0 auto 36px}.section-title .badge{margin-bottom:14px}.section-title h2 span{color:var(--teal)}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.level-card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;position:relative;overflow:hidden}.level-card .icon{width:60px;height:60px;background:var(--aqua);margin-bottom:24px}.level-card h3{font-size:1.75rem;margin-bottom:8px}.level-card p{font-size:.9375rem;color:var(--muted);min-height:78px}.level-card .btn{width:100%}.level-card:nth-child(2) .icon{background:#fff7df;color:#b88300}.level-card:nth-child(3) .icon{background:#ebefff;color:#6175cc}.level-card:nth-child(4) .icon{background:#eaf8ef;color:#328864}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}.feature h3{margin:18px 0 10px}.feature p{font-size:.9375rem;color:var(--muted);margin:0}.cta-band{background:linear-gradient(120deg,var(--deep),#45a5b0);border-radius:30px;padding:44px;display:flex;align-items:center;justify-content:space-between;color:white;gap:30px}.cta-band p{color:#d1f1f3;margin:0}.faq{max-width:820px;margin:auto}.faq details{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:18px 22px;background:white}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:14px 0 2px;color:var(--muted)}.public-footer{background:#123d4b;color:#d8e8ec;padding:42px 0 24px}.public-footer .brand{color:white}.public-footer p{margin:12px 0 0;font-size:.875rem}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;font-size:.8125rem}.public-footer a{color:#d8e8ec}.auth-bg{background:radial-gradient(ellipse at top left,#def8fa,transparent 55%),radial-gradient(ellipse at bottom right,#fff6db,transparent 65%),#f5fbfc;min-height:calc(100vh - 82px);padding:45px 24px}.auth-card{background:white;max-width:720px;margin:auto;border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:0 20px 60px #16495a08}.auth-card.narrow{max-width:480px}.auth-title{text-align:center;margin-bottom:28px}.auth-title .icon{width:60px;height:60px;margin-bottom:18px}.auth-title p{color:var(--muted);font-size:.9375rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.875rem;color:#61758b;font-weight:700;letter-spacing:.025em}.field input,.field select,.field textarea{border:1px solid #d7e1eb;border-radius:12px;width:100%;padding:12px 14px;min-height:50px;background:white;color:var(--ink)}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #64bfc8;outline-offset:1px}.password-wrap{position:relative}.password-wrap input{padding-right:62px}.password-wrap button{position:absolute;right:5px;top:6px;border:none;background:transparent;color:#537a87;padding:8px;font-size:.8125rem}.form-msg{padding:12px 16px;border-radius:12px;background:#eaf9f4;color:#19775e;margin:16px 0;font-size:.9375rem}.form-msg.error{background:#fff0f2;color:#b73345}.auth-note{font-size:.8125rem;color:var(--muted);text-align:center;margin:20px 0 0}.auth-switch{text-align:center;margin-top:22px}.text-btn{border:0;background:none;color:var(--teal);font-weight:700;padding:0;text-decoration:underline}.dashboard-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:260px;position:fixed;left:0;top:0;bottom:0;background:white;border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column;transition:transform .2s}.side-brand{padding:25px 22px;border-bottom:1px solid var(--line)}.side-user{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.avatar{width:48px;height:48px;display:grid;place-items:center;background:var(--btn);color:white;border-radius:15px;font-weight:800;font-size:1.25rem;flex-shrink:0}.side-user .avatar{border-radius:50%}.side-user strong{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis}.side-user small{font-size:.75rem}.side-nav{padding:20px 12px;display:grid;gap:7px}.side-nav .nav-label{color:#7890a6;font-size:.8125rem;font-weight:750;padding:0 12px 8px;letter-spacing:.06em}.side-nav a{display:flex;gap:13px;align-items:center;color:#3e546c;padding:12px 15px;border-radius:14px;font-size:.9375rem}.side-nav a svg{width:21px;height:21px;flex-shrink:0}.side-nav a.active{background:var(--btn);color:white;font-weight:750}.side-nav a:hover{text-decoration:none;background:#edf6f7}.side-nav a.active:hover{background:var(--btn)}.side-bottom{padding:16px;margin-top:auto;border-top:1px solid var(--line);display:grid;gap:8px}.side-bottom button{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;color:#587087;padding:11px;font-size:.875rem;text-align:left}.dash-main{margin-left:260px;width:calc(100% - 260px)}.dash-top{height:85px;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8fafcec;position:sticky;top:0;z-index:25;backdrop-filter:blur(15px);gap:15px}.dash-top h1{font-size:1.25rem;border-left:4px solid #48a7b4;padding-left:12px;margin:0}.dash-top small{font-size:.8125rem;color:var(--muted);padding-left:16px}.top-actions{display:flex;gap:12px;align-items:center}.coin-button{background:#fff5d7;border:1px solid #ffdf83;color:#926019;padding:10px 16px;border-radius:12px;font-size:.875rem;font-weight:700}.top-avatar{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;padding:7px 10px;border-radius:12px;color:var(--ink)}.top-avatar .avatar{width:35px;height:35px;font-size:1rem;border-radius:9px}.dash-content{max-width:1520px;margin:auto;padding:34px}.dash-banner{background:linear-gradient(115deg,#d66014,#f47b0e,#ffcb30);color:white;border-radius:28px;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 7px 14px #18273615;margin-bottom:24px}.dash-banner h2{font-size:1.65rem;margin:6px 0}.dash-banner p{margin:0;font-size:.9375rem}.dash-welcome-grid{display:grid;grid-template-columns:2.15fr repeat(3,1fr);gap:18px;margin-bottom:24px}.gradient-card{background:linear-gradient(120deg,#153f51,#1a7581,#4da9b4);color:white;border-radius:28px;padding:30px;box-shadow:0 8px 16px #1b6d7818;overflow:hidden}.gradient-card p{color:#d6f0f5;font-size:.9375rem}.gradient-card .badge{color:white;background:#ffffff19;border-color:#ffffff20}.gradient-card .badge.yellow{color:#ffe578}.metric{background:white;border:1px solid var(--line);border-radius:21px;padding:22px;display:flex;flex-direction:column;align-items:flex-start}.metric .label{font-size:.8125rem;color:#7088a0;text-transform:uppercase;font-weight:700;margin-top:26px;letter-spacing:.025em}.metric strong{font-size:2.3rem;line-height:1.25;margin-top:7px}.metric p{font-size:.8125rem;color:var(--muted);margin:6px 0 0}.star-card{margin:0 0 28px}.star-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.star-plan{background:#ffffff11;border:1px solid #ffffff30;border-radius:20px;padding:22px}.star-plan .price{font-size:1.55rem;color:#ffe578;font-weight:850}.star-plan h3{font-size:1.45rem;margin:0}.star-plan p{font-size:.875rem;margin:7px 0 15px}.checks{display:grid;gap:6px;font-size:.875rem;margin-bottom:18px;color:#e2f6fa}.checks span:before{content:'✓ ';color:#b8e5e8}.dash-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:28px 0 20px}.dash-section-head h2{font-size:1.45rem;margin:0 0 5px}.dash-section-head p{margin:0;color:var(--muted);font-size:.9375rem}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.package{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;min-width:0}.package-head{display:flex;gap:12px;margin-bottom:18px}.package h3{font-size:1.0625rem;margin:0 0 5px;overflow-wrap:anywhere}.package .package-head .badge{margin-left:auto;align-self:flex-start;border-radius:5px;font-size:.75rem;white-space:nowrap}.package p{color:var(--muted);font-size:.9375rem;flex:1}.package small{color:#728ca7;font-size:.8125rem}.package-meta{display:flex;gap:12px;flex-wrap:wrap;color:#526f87;font-size:.8125rem;padding:0 0 16px;border-bottom:1px solid #edf1f6}.package-bottom{margin-top:16px}.package-bottom p{font-size:.8125rem;margin:0 0 14px}.package .btn{padding:11px 12px;min-height:46px}.dashboard-footer{margin:35px 0 0;text-align:center;color:#748ba0;font-size:.75rem}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);background:white;border-radius:20px;margin:24px 0 20px}.filters input,.filters select{border:1px solid var(--line);background:white;border-radius:12px;padding:12px 14px;color:#41596e;font-size:.9375rem;min-width:0}.filters input{flex:1;min-width:180px}.filter-count{font-size:.875rem;color:var(--muted);margin-bottom:18px}.page-hero{margin-bottom:24px}.page-hero h2{font-size:2rem}.page-hero p{max-width:750px;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric-grid .metric strong{font-size:2rem}.metric-grid .metric .label{margin-top:0}.panel{background:white;border:1px solid var(--line);border-radius:23px;padding:26px}.panel h3{margin-bottom:10px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.empty{text-align:center;padding:45px 24px;color:var(--muted)}.empty .icon{margin-bottom:15px}.empty h3{color:var(--ink)}.history-list{display:grid;gap:15px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:15px;background:white}.history-row h3{font-size:1rem;margin:0 0 5px}.history-row .score{font-size:1.5rem;color:var(--teal);font-weight:800}.history-row p{margin:0;font-size:.875rem;color:var(--muted)}.progress-line{height:9px;background:#eaf0f5;border-radius:100px;overflow:hidden}.progress-line span{display:block;height:100%;background:var(--teal);border-radius:100px}.trend{display:flex;align-items:flex-end;gap:12px;height:135px;padding:12px 0 0}.trend-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.trend-item .bar{width:100%;max-width:38px;background:linear-gradient(var(--teal),#53b5bf);border-radius:8px 8px 0 0;min-height:3px}.trend-item span{font-size:.75rem;margin-top:5px}.profile-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.profile-hero .avatar{width:75px;height:75px;font-size:2rem;background:#ffffff20;border:1px solid #ffffff25;color:#ffde67}.profile-hero h2{font-size:1.75rem;margin:0}.profile-hero p{margin:5px 0 0}.coin-plan{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:17px;padding:20px;margin-top:14px;cursor:pointer;width:100%;background:white;text-align:left;color:var(--ink)}.coin-plan:hover,.coin-plan.chosen{border:2px solid #54a9b8;background:#f2fbfb;padding:19px}.coin-plan strong{font-size:1.5rem}.coin-plan small{display:block;color:var(--muted);font-size:.8125rem}.checkout-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.checkout-summary{position:sticky;top:110px;align-self:start}.order-price{display:flex;justify-content:space-between;background:#f5f8fb;padding:16px;border-radius:13px;font-weight:800;font-size:1.25rem;margin:18px 0}.qris-image{display:block;max-width:320px;width:100%;height:auto;margin:18px auto;border:1px solid var(--line);border-radius:12px}.qris-panel{text-align:center}.result-hero{display:flex;justify-content:space-between;align-items:center;gap:25px}.result-score{font-size:4rem;font-weight:850;color:#ffda60;line-height:1}.topic-row{margin:18px 0}.topic-row .row{font-size:.875rem;margin-bottom:7px}.review-list{display:grid;gap:18px}.review-item{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.review-item summary{cursor:pointer;font-weight:700}.review-item .passage{max-height:none}.review-item .explanation{background:#f0faf7;border-left:4px solid #0c9b72;padding:18px;border-radius:0 12px 12px 0;margin-top:18px}.review-options{margin:15px 0;display:grid;gap:8px}.review-option{border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:.9375rem}.review-option.correct{background:#eafaf4;border-color:#68c6a5}.review-option.wrong{background:#fff0f2;border-color:#e896a1}.exam-top{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border-bottom:1px solid var(--line);padding:18px 30px;position:sticky;top:0;z-index:30}.timer{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800;color:var(--teal);border:1px solid #cce9ec;border-radius:12px;padding:8px 16px;background:#effafa;white-space:nowrap}.timer.urgent{color:var(--red);background:#fff0f2;border-color:#f4cad0}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;max-width:1280px;padding:30px;margin:auto}.question-panel{background:white;border:1px solid var(--line);border-radius:22px;padding:30px;min-width:0}.question-panel h1{font-size:1.25rem;margin-top:20px;line-height:1.6}.passage{white-space:pre-wrap;background:#f7fafc;border:1px solid #e1eaf0;border-radius:14px;padding:22px;max-height:340px;overflow-y:auto;margin:20px 0;font-size:1rem;line-height:1.85;unicode-bidi:plaintext}.arabic .passage{direction:rtl;font-size:1.35rem;line-height:2}.question-options{display:grid;gap:13px;margin:24px 0}.option{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dce6ee;border-radius:13px;cursor:pointer;line-height:1.5}.option:has(input:checked){border-color:var(--teal);background:#effafa}.option input{accent-color:var(--teal);width:20px;height:20px;flex-shrink:0}.option-letter{border:1px solid #d7e1ea;border-radius:8px;min-width:30px;height:30px;display:grid;place-items:center;font-weight:700;color:var(--muted)}.category-table{width:100%;border-collapse:separate;border-spacing:0 12px}.category-table th{font-size:.875rem;color:var(--muted);text-align:center}.category-table td:first-child{padding:12px;background:#f7fafb;border-radius:10px 0 0 10px;width:70%;font-size:.9375rem}.category-table td{background:#f7fafb;text-align:center;padding:10px}.category-table label{display:flex;justify-content:center;align-items:center;min-height:35px;cursor:pointer}.category-table input{width:20px;height:20px;accent-color:var(--teal)}.exam-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.exam-sidebar{align-self:start;position:sticky;top:105px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.question-grid button{border:1px solid #d5e3eb;background:white;color:#516b7e;border-radius:8px;min-height:38px;font-size:.875rem}.question-grid button.answered{background:var(--teal);border-color:var(--teal);color:white}.question-grid button.flagged{background:#fff0b8;border-color:#e8bd30;color:#785800}.question-grid button.current{outline:3px solid #64b9c3;outline-offset:2px}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:.75rem;color:var(--muted)}.legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;background:#d4e3eb;margin-right:4px}.legend span:nth-child(2):before{background:var(--teal)}.legend span:nth-child(3):before{background:#f0c336}.saved-state{font-size:.8125rem;color:var(--muted);margin:12px 0}.mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:10px}.sidebar-collapsed .sidebar{transform:translateX(-260px)}.sidebar-collapsed .dash-main{margin-left:0;width:100%}.sidebar-collapsed .mobile-toggle{display:flex}.loading{padding:70px 25px;text-align:center}.loading p{color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#153f51;color:white;border-radius:14px;padding:14px 20px;max-width:min(540px,90vw);z-index:100;box-shadow:0 8px 35px #0c253640;display:none}#toast.visible{display:block}dialog{border:1px solid var(--line);border-radius:24px;width:min(540px,calc(100vw - 32px));padding:28px;color:var(--ink);box-shadow:0 20px 70px #142c4a30}dialog::backdrop{background:#102e4c55;backdrop-filter:blur(3px)}dialog p{color:var(--muted)}dialog .actions{display:flex;gap:12px;margin-top:25px;justify-content:flex-end}.skip{position:fixed;left:20px;top:-100px;background:white;z-index:200;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #40a8b8;outline-offset:3px}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:14px;vertical-align:top}.admin-table .btn{font-size:.8125rem;padding:8px 12px;min-height:36px}.admin-content{max-width:1200px;margin:30px auto;padding:0 20px}.notice{padding:14px 18px;background:#fff8e4;border:1px solid #ffe8a6;border-radius:13px;font-size:.875rem;color:#82631a}.pagination{display:flex;justify-content:center;gap:8px;margin-top:25px}.pagination button{border:1px solid var(--line);background:white;color:var(--teal);border-radius:9px;padding:8px 14px}.pagination button.active{background:var(--teal);color:white}.chart-note{font-size:.8125rem;color:var(--muted)}
svg{width:22px;height:22px;flex-shrink:0}.badge svg{width:16px;height:16px}.gradient-card>.row>svg{width:40px;height:40px}
@media(min-width:1600px){.dash-content{padding:40px 48px}.package{padding:28px}.dash-welcome-grid{gap:20px}.gradient-card{padding:34px}}
@media(max-width:1150px){.sidebar{width:230px}.dash-main{margin-left:230px;width:calc(100% - 230px)}.side-brand .brand{font-size:1.25rem}.dash-content{padding:25px}.dash-welcome-grid{grid-template-columns:repeat(3,1fr)}.welcome{grid-column:1/-1}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{height:560px}.mascot{left:-30px;width:340px}.demo-question{right:0;width:265px;top:200px}.hero-inner{min-height:565px}.levels{gap:14px}.level-card{padding:22px}.navlinks{gap:16px}.features{gap:15px}.sidebar-collapsed .sidebar{transform:translateX(-230px)}}
@media(max-width:900px){.navlinks{display:none}.hero-inner{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:2rem}.hero .actions{flex-direction:column;align-items:flex-start}.hero-visual{height:540px}.mascot{left:-30px;width:300px;bottom:-90px}.demo-question{width:225px;right:-12px;top:220px;font-size:.8125rem;padding:16px}.demo-question .stem{font-size:.8125rem}.mini-stats{gap:12px;padding:14px;max-width:360px}.levels{grid-template-columns:repeat(2,1fr)}.level-card p{min-height:50px}.features{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-230px)}.dash-main{margin-left:0;width:100%}.mobile-toggle{display:flex}.sidebar-open .sidebar{transform:translateX(0);box-shadow:0 0 0 100vmax #102a3d55}.sidebar-collapsed .sidebar{transform:translateX(-230px)}.checkout-grid,.profile-grid{grid-template-columns:1fr}.checkout-summary{position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}.exam-layout{grid-template-columns:minmax(0,1fr) 225px;padding:20px;gap:18px}.question-panel{padding:22px}.exam-sidebar .panel{padding:20px}.header-actions .btn{font-size:.875rem;padding:10px 17px}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.public-header{height:73px;padding:0 16px;gap:10px}.brand{font-size:1.15rem;gap:6px}.brand small{font-size:.5rem}.brand-icon{width:29px;height:32px;font-size:1.1rem}.header-actions{gap:6px}.header-actions .btn{font-size:.8125rem;padding:8px 11px;min-height:39px}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:32px 0 0}.hero h1{font-size:2rem}.hero p{font-size:.9375rem}.hero .actions{flex-direction:row;gap:9px;margin:22px 0}.hero .actions .btn{padding:12px 16px;font-size:.8755rem}.mini-stats{width:100%;max-width:none;justify-content:space-around}.hero-visual{height:390px}.hero-visual:before{width:310px;height:310px;left:15%;top:30px}.mascot{left:0;width:290px;height:480px;bottom:-80px}.demo-question{right:0;top:80px;width:220px;padding:15px}.demo-question .stem{margin:10px 0;font-size:.8125rem}.demo-options{gap:6px}.demo-options button{padding:6px 10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;padding:28px 0}.stats-grid strong{font-size:1.65rem}.section{padding:48px 0}.section-title{margin-bottom:24px}.levels{gap:12px}.level-card{padding:18px}.level-card h3{font-size:1.5rem}.level-card p{font-size:.8125rem;min-height:74px}.level-card .btn{padding:11px 8px;font-size:.875rem}.level-card .icon{width:48px;height:48px;margin-bottom:16px}.features{grid-template-columns:1fr}.feature{padding:22px}.cta-band{padding:27px;flex-direction:column;align-items:flex-start;border-radius:24px}.footer-bottom{flex-direction:column;gap:8px}.auth-bg{padding:25px 16px;min-height:calc(100vh - 73px)}.auth-card{padding:26px 20px}.form-grid{grid-template-columns:1fr;gap:18px}.field.full{grid-column:auto}.dash-top{padding:13px 16px;height:78px}.dash-top h1{font-size:1rem}.dash-top small{font-size:.6875rem}.top-actions{gap:7px}.top-avatar>span:not(.avatar){display:none}.coin-button{font-size:.8125rem;padding:9px}.dash-content{padding:20px 16px}.dash-banner{padding:22px;border-radius:22px;display:block}.dash-banner h2{font-size:1.4rem}.dash-banner .btn{margin-top:15px}.dash-welcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.welcome{padding:25px}.metric{padding:14px 10px}.metric .icon{width:35px;height:35px}.metric .label{font-size:.6875rem;line-height:1.4;margin-top:18px}.metric strong{font-size:1.8rem}.metric p{font-size:.6875rem}.star-grid{grid-template-columns:1fr;gap:14px}.gradient-card{padding:24px;border-radius:22px}.star-plan{padding:20px}.star-plan .price{font-size:1.3rem}.star-plan h3{font-size:1.25rem}.package-grid{grid-template-columns:1fr}.package{padding:22px}.dash-section-head{align-items:flex-start}.dash-section-head h2{font-size:1.25rem}.dash-section-head .btn{font-size:.8125rem;padding:9px 12px;white-space:nowrap}.filters{padding:12px;gap:9px}.filters input{flex-basis:100%}.filters select{flex:1;font-size:.875rem;padding:10px}.page-hero h2{font-size:1.75rem}.panel-grid{grid-template-columns:1fr}.panel{padding:22px}.metric-grid{gap:12px}.metric-grid .metric{padding:18px}.metric-grid .metric .label{font-size:.75rem}.metric-grid .metric strong{font-size:1.8rem}.history-row{flex-wrap:wrap;padding:17px}.history-row .btn{margin-left:auto;font-size:.8125rem;padding:10px 14px}.profile-hero{align-items:flex-start;flex-direction:column}.coin-plan strong{font-size:1.25rem}.checkout-grid{gap:18px}.exam-top{padding:12px 16px;flex-wrap:wrap}.exam-top .brand{font-size:1rem}.timer{font-size:1.15rem;padding:8px 12px}.exam-layout{grid-template-columns:1fr;padding:16px;gap:18px}.exam-sidebar{position:static;grid-row:2}.question-panel{padding:20px}.passage{padding:16px;max-height:290px}.question-options .option{padding:13px;font-size:.9375rem}.question-grid{grid-template-columns:repeat(10,1fr);gap:6px}.question-grid button{min-height:32px;font-size:.8125rem}.exam-sidebar .panel{padding:20px}.exam-actions .btn{font-size:.8125rem;padding:10px 13px}.result-hero{align-items:flex-start}.result-score{font-size:3rem}.review-item{padding:20px}.public-footer{padding-top:30px}.category-table td:first-child{width:65%;font-size:.875rem}.category-table td{padding:7px}.top-avatar{padding:5px}.hero-copy .badge{font-size:.8125rem}.dashboard-footer{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}