body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#7c3aed;--primary-end:#10b981;--logo-gradient:linear-gradient(135deg,#7c3aed 0%,#4f7fe8 50%,#10b981 100%);--gradient-soft:linear-gradient(135deg,#7c3aed14 0%,#10b98114 100%);--teal:#009e73;--amber:#e69f00;--sky:#56b4e9;--blue:#0072b2;--purple:#5e4fa2;--magenta:#825;--green:#78bf7b;--orange:#d55e00;--text:#1a1a2e;--muted:#6b7280;--border:#e5e7eb;--surface:#fff;--bg:#f7f8fc;--radius:16px;--radius-sm:10px;--radius-xs:8px;--shadow:0 2px 16px #00000012;--shadow-lg:0 8px 40px #7c3aed1f}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.app,.screen{flex-direction:column;min-height:100vh;display:flex}.nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;gap:16px;padding:16px 40px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:8px;align-items:center;padding:4px 8px;font-size:18px;font-weight:800;transition:border-color .2s;display:flex}.logo:hover{border-color:var(--primary)}.logo-accent{color:var(--primary)}.logo-accent2{color:var(--primary-end)}.logo-domain{color:var(--muted);font-size:14px}.nav-links{gap:4px;display:flex}.nav-link{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--bg)}.nav-right{align-items:center;gap:10px;display:flex}.btn-ghost{border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:border-color .15s}.btn-ghost:hover{border-color:var(--primary)}.btn-primary-nav{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:700;transition:opacity .15s}.btn-primary-nav:hover{opacity:.88}.hero{text-align:center;width:100%;max-width:700px;margin:0 auto;padding:80px 24px 48px}.hero h1{letter-spacing:-1.5px;color:var(--text);margin-bottom:18px;font-size:clamp(36px,5vw,58px);font-weight:900;line-height:1.1}.hero h1 em{background:var(--logo-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{color:var(--muted);max-width:560px;margin:0 auto 32px;font-size:18px;line-height:1.7}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.btn-lg-outline{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:12px;padding:13px 30px;font-size:16px;font-weight:700;transition:all .2s}.btn-lg-outline:hover{background:var(--primary);color:#fff}.hero-qual-prompt{color:var(--muted);font-size:14px}.qual-section{width:100%;max-width:840px;margin:0 auto;padding:0 24px 64px}.qual-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.qual-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;padding:28px 20px;transition:border-color .2s,box-shadow .2s,transform .15s;position:relative;overflow:hidden}.qual-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.qual-card-soon{cursor:default;opacity:.6}.qual-card-soon:hover{border-color:var(--border);box-shadow:none;transform:none}.qual-stripe{height:4px;position:absolute;top:0;left:0;right:0}.gcse-stripe{background:#009e73}.igcse-stripe{background:#56b4e9}.alevel-stripe{background:linear-gradient(90deg,#e69f00,#d55e00)}.ib-stripe{background:linear-gradient(90deg,#825,#5e4fa2)}.qual-icon{margin:10px 0 8px;font-size:32px;display:block}.qual-card h3{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:800}.qual-card p{color:var(--muted);font-size:13px}.coming-soon-tag{color:var(--muted);letter-spacing:.05em;background:#f3f4f6;border-radius:99px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.feedback-section{background:var(--gradient-soft);border-top:1px solid var(--border);margin-top:auto;padding:64px 24px}.feedback-inner{grid-template-columns:1fr 1fr;gap:32px;max-width:840px;margin:0 auto;display:grid}@media (width<=700px){.feedback-inner{grid-template-columns:1fr}}.feedback-block{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:28px}.feedback-block h3{margin-bottom:8px;font-size:17px;font-weight:800}.feedback-block p{color:var(--muted);margin-bottom:16px;font-size:14px}.star-row{gap:6px;margin-bottom:14px;display:flex}.star{color:#d1d5db;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1;transition:color .1s}.star.lit{color:#f59e0b}.fb-textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);width:100%;min-height:90px;color:var(--text);resize:vertical;background:var(--bg);margin-bottom:12px;padding:12px 14px;font-family:inherit;font-size:14px}.fb-textarea:focus{border-color:var(--primary);outline:none}.fb-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:opacity .15s}.fb-submit:hover{opacity:.88}.qualselect-body{text-align:center;flex-direction:column;flex:1;align-items:center;padding:32px 24px 64px;display:flex}.qs-back-row{justify-content:flex-start;width:100%;max-width:600px;margin-bottom:24px;display:flex}.qs-section{width:100%;max-width:600px;margin-bottom:36px}.qs-section .section-label{text-align:center;margin-bottom:16px;display:block}.qual-toggle{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.qual-toggle-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.qual-toggle-btn:hover:not(.soon){border-color:var(--primary);color:var(--primary)}.qual-toggle-btn.active{border-color:var(--primary);color:var(--primary);background:#7c3aed12}.qual-toggle-btn.soon{cursor:default;opacity:.5}.qs-soon-tag{color:var(--muted);letter-spacing:.04em;background:#f3f4f6;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:800}.board-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.board-chip{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.board-chip:hover:not(.soon){border-color:var(--primary);color:var(--primary)}.board-chip.active{border-color:var(--primary);color:var(--primary);background:#7c3aed12}.board-chip.soon{cursor:default;opacity:.5}.subject-chips{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.subject-chip{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:8px;min-width:130px;padding:22px 28px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.subject-chip:hover:not(.soon){border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.subject-chip.soon{cursor:default;opacity:.5}.subject-chip-icon{font-size:32px}.subject-chip-name{color:var(--text);font-size:15px;font-weight:800}.page-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:16px;padding:28px 40px 20px;display:flex}.page-header h2{color:var(--text);margin:0;font-size:22px;font-weight:800}.page-header p{color:var(--muted);margin:2px 0 0;font-size:14px}.back-btn{border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;transition:border-color .15s;display:flex}.back-btn:hover{border-color:var(--primary)}.page-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:36px 40px 60px}@media (width<=700px){.page-content{padding:24px 16px 48px}.page-header{padding:20px 16px 16px}}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text);opacity:.7;margin-bottom:14px;font-size:11px;font-weight:800;display:block}.tier-row{justify-content:center;gap:10px;margin-bottom:32px;display:flex}.tier-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer;padding:13px 32px;font-size:15px;font-weight:700;transition:all .2s}.tier-btn.active{border-color:var(--primary);color:var(--primary);background:#7c3aed0f}.practice-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px;display:grid}@media (width<=600px){.practice-row{grid-template-columns:1fr}}.practice-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:14px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.practice-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.practice-card h4{margin-bottom:4px;font-size:15px;font-weight:800}.practice-card p{color:var(--muted);text-align:left;font-size:13px;line-height:1.5}.p-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.teal-bg{background:#009e731f}.amber-bg{background:#e69f001f}.topics-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=700px){.topics-grid{grid-template-columns:1fr}}.topic-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s;overflow:hidden}.topic-card:hover{box-shadow:var(--shadow)}.topic-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.topic-name-row{align-items:center;gap:10px;display:flex}.topic-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.topic-name{color:var(--text);font-size:14px;font-weight:800}.topic-meta{color:var(--muted);margin-top:1px;font-size:11px}.topic-expand-btn{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s}.topic-expand-btn:hover{border-color:var(--primary);color:var(--primary)}.subtopic-grid{border-top:1px solid var(--border);flex-wrap:wrap;gap:7px;padding:0 14px 14px;display:flex}.subtopic-pill{cursor:pointer;white-space:normal;word-break:break-word;background:#fff;border:1.5px solid;border-radius:7px;align-items:center;gap:5px;min-width:70px;max-width:160px;padding:5px 10px;font-size:11px;font-weight:600;line-height:1.3;transition:opacity .15s,background .15s;display:inline-flex}.subtopic-pill:hover{opacity:.8}.subtopic-pill-higher{background:#7c3aed12;border-style:dashed}.h-badge{color:#fff;letter-spacing:0;background:currentColor;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:inline-flex}.setup-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:36px 40px 60px}@media (width<=700px){.setup-body{padding:24px 16px 48px}}.setup-group{text-align:center;margin-bottom:32px}.setup-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);opacity:.75;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.setup-hint{color:var(--muted);margin-bottom:12px;font-size:13px}.topic-check-list{text-align:left;grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=500px){.topic-check-list{grid-template-columns:1fr}}.topic-check-item{border:2px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.topic-check-item:hover{border-color:var(--primary);background:#7c3aed08}.topic-check-item.checked{border-color:var(--primary);background:#7c3aed0f}.topic-check-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.topic-check-label{flex:1}.check-input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.subtopic-check-list{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);text-align:left;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px;display:grid}@media (width<=600px){.subtopic-check-list{grid-template-columns:1fr 1fr}}.subtopic-check-item{cursor:pointer;color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:background .12s;display:flex}.subtopic-check-item:hover{background:var(--surface)}.subtopic-check-item.checked{background:#7c3aed12;font-weight:600}.all-sub-row{background:#7c3aed0d;border:1.5px solid #7c3aed33;border-radius:6px;grid-column:1/-1;font-weight:700!important}.all-sub-row.checked{border-color:var(--primary);background:#7c3aed1a}.all-sub-label{color:var(--primary);font-size:13px;font-weight:700}.qty-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.qty-pill{background:var(--surface);border:2px solid var(--border);color:var(--text);border-radius:var(--radius-xs);cursor:pointer;width:54px;height:42px;font-size:14px;font-weight:700;transition:all .15s}.qty-pill:hover{border-color:var(--primary)}.qty-pill.active{border-color:var(--primary);color:var(--primary);background:#7c3aed14}.custom-input{border:2px solid var(--border);border-radius:var(--radius-xs);width:90px;height:42px;color:var(--text);background:var(--surface);text-align:center;padding:0 12px;font-size:14px;font-weight:600}.custom-input:focus{border-color:var(--primary);outline:none}.paper-pills{flex-direction:column;align-items:center;gap:8px;display:flex}.paper-pill{border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;min-width:280px;padding:13px 24px;font-size:14px;font-weight:600;transition:all .15s}.paper-pill:hover{border-color:var(--primary)}.paper-pill.active{border-color:var(--primary);color:var(--primary);background:#7c3aed0f}.mode-cards{grid-template-columns:1fr 1fr;gap:12px;max-width:540px;margin:0 auto;display:grid}@media (width<=500px){.mode-cards{grid-template-columns:1fr}}.mode-card{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);text-align:left;padding:16px;transition:all .15s}.mode-card:hover{border-color:var(--primary)}.mode-card.active{border-color:var(--primary);background:#7c3aed0f}.mode-card-title{margin-bottom:4px;font-size:14px;font-weight:800}.mode-card-desc{color:var(--muted);font-size:13px;line-height:1.4}.timer-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.timer-btn{border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--muted);cursor:pointer;padding:11px 20px;font-size:14px;font-weight:600;transition:all .15s}.timer-btn:hover{border-color:var(--primary)}.timer-btn.active{border-color:var(--primary);color:var(--primary);background:#7c3aed0f}.timer-input-row{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.timer-input{border:2px solid var(--border);border-radius:var(--radius-xs);text-align:center;width:80px;height:42px;color:var(--text);padding:0 12px;font-size:16px;font-weight:700}.timer-input:focus{border-color:var(--primary);outline:none}.timer-input-label{color:var(--muted);font-size:14px}.setup-error{color:#dc2626;border-radius:var(--radius-xs);text-align:left;background:#fef2f2;border:1.5px solid #fecaca;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600}.start-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:opacity .15s}.start-btn:hover{opacity:.88}.start-btn:disabled{color:var(--muted);cursor:not-allowed;background:#e5e7eb}.q-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 24px;display:flex}.progress-wrap{background:var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--teal);border-radius:99px;height:100%;transition:width .4s}.q-count{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}.q-timer{color:var(--primary);white-space:nowrap;text-align:right;min-width:44px;font-size:13px;font-weight:700}.timer-toggle-btn{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:border-color .15s}.timer-toggle-btn:hover{border-color:var(--primary)}.q-body{flex-direction:column;flex:1;gap:18px;width:100%;max-width:720px;margin:0 auto;padding:24px 24px 60px;display:flex}.q-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.q-tag{color:#fff;letter-spacing:.03em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.q-paper-tag{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.q-marks{color:var(--primary);background:#7c3aed14;border:1.5px solid #7c3aed33;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.q-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;padding:24px 26px;font-size:16px;line-height:1.7}.q-sub{color:var(--muted);margin-top:10px;font-size:14px;font-style:italic}.answers{flex-direction:column;gap:10px;display:flex}.answer{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);text-align:left;align-items:center;gap:14px;padding:14px 18px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.answer:hover{border-color:var(--primary);background:#7c3aed08}.answer.selected{border-color:var(--primary);background:#7c3aed0f}.answer.correct{color:#065f46;background:#f0fdf4;border-color:#10b981}.answer.incorrect{color:#991b1b;background:#fef2f2;border-color:#ef4444}.a-letter{background:var(--bg);border:1.5px solid var(--border);width:28px;height:28px;color:var(--text);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.answer.selected .a-letter{border-color:var(--primary);color:var(--primary);background:#7c3aed1f}.answer.correct .a-letter{color:#065f46;background:#d1fae5;border-color:#10b981}.answer.incorrect .a-letter{color:#991b1b;background:#fee2e2;border-color:#ef4444}.feedback-panel{border-radius:var(--radius-sm);border:1.5px solid;align-items:center;gap:10px;padding:14px 18px;display:flex}.feedback-panel.correct{background:#f0fdf4;border-color:#bbf7d0}.feedback-panel.incorrect{background:#fef2f2;border-color:#fecaca}.fb-title{font-size:15px;font-weight:800}.fb-title.correct{color:#065f46}.fb-title.incorrect{color:#991b1b}.reveal-row{justify-content:flex-start;display:flex}.reveal-btn{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s}.reveal-btn.visible{border-color:var(--primary);color:var(--primary);background:#7c3aed0a}.reveal-btn:hover{border-color:var(--primary);color:var(--primary)}.ms-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:20px;padding:24px 28px;display:flex}.ms-section{flex-direction:column;gap:8px;display:flex}.ms-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text);opacity:.7;font-size:13px;font-weight:900}.ms-steps,.ms-mistakes-wrap,.ms-legend-wrap{flex-direction:column;gap:6px;display:flex}.ms-step,.ms-mistake{color:var(--text);padding:4px 0;font-size:14px;line-height:1.65}.ms-marks-wrap{flex-direction:column;gap:4px;display:flex}.ms-mark{background:var(--bg);color:var(--text);border-radius:6px;padding:7px 12px;font-family:Courier New,monospace;font-size:13px}.ms-legend-item{color:var(--text);padding:3px 0;font-size:14px;line-height:1.65}.ms-divider{background:var(--border);height:1px}.ms-disclaimer{color:var(--muted);margin-top:6px;font-size:12px;font-style:italic}.submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:800;transition:opacity .15s}.submit-btn:hover{opacity:.88}.submit-btn:disabled{color:var(--muted);cursor:not-allowed;background:#e5e7eb}.next-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:800;transition:opacity .15s}.next-btn:hover{opacity:.88}.results-body{flex-direction:column;flex:1;gap:32px;width:100%;max-width:720px;margin:0 auto;padding:36px 24px 80px;display:flex}.results-top h2{margin-bottom:4px;font-size:26px;font-weight:900}.results-top p{color:var(--muted);font-size:14px}.score-ring{background:conic-gradient(var(--primary) 80%,var(--border) 0);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;display:flex;box-shadow:0 0 0 8px #7c3aed14}.score-inner{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:110px;height:110px;display:flex}.score-pct{color:var(--text);font-size:26px;font-weight:900}.score-label{color:var(--muted);font-size:12px;font-weight:600}.stats-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.stat-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:18px}.stat-val{color:var(--text);font-size:22px;font-weight:900}.stat-lbl{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.breakdown{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 22px}.breakdown h3{margin-bottom:16px;font-size:15px;font-weight:800}.bd-item{align-items:center;gap:12px;margin-bottom:10px;display:flex}.bd-name{flex-shrink:0;width:180px;font-size:13px;font-weight:600}.bd-bar-wrap{background:var(--border);border-radius:99px;flex:1;height:8px;overflow:hidden}.bd-bar{border-radius:99px;height:100%;transition:width .6s}.bd-pct{color:var(--muted);text-align:right;width:36px;font-size:12px;font-weight:700}.needs-work{border-radius:var(--radius-sm);text-align:left;background:#fffbeb;border:1.5px solid #fef3c7;padding:16px 18px;font-size:14px;line-height:1.6}.needs-work h3{color:#92400e;margin-bottom:6px;font-size:14px;font-weight:800}.next-steps{flex-direction:column;gap:10px;display:flex}.ns-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .15s}.ns-btn.primary{background:var(--primary);color:#fff;border:none}.ns-btn.primary:hover{opacity:.88}.ns-btn.outline{border:2px solid var(--border);color:var(--text);background:0 0}.ns-btn.outline:hover{border-color:var(--primary);color:var(--primary)}.rating-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px}.rating-box h3{margin-bottom:6px;font-size:16px;font-weight:800}.rating-box p{color:var(--muted);margin-bottom:14px;font-size:14px}.stars-row{gap:6px;margin-bottom:14px;display:flex}.static-wrap{flex:1;width:100%;max-width:800px;margin:0 auto;padding:48px 24px 80px}.static-wrap h1{letter-spacing:-.5px;color:var(--text);margin-bottom:12px;font-size:34px;font-weight:900}.lead{color:var(--muted);text-align:left;margin-bottom:40px;font-size:17px;line-height:1.7}.about-section{margin-bottom:56px}.about-section h2{color:var(--text);border-bottom:2px solid var(--border);text-align:left;margin-bottom:16px;padding-bottom:10px;font-size:23px;font-weight:900}.about-section p{color:var(--muted);text-align:left;margin-bottom:12px;font-size:15px;line-height:1.7}.lead-para{color:var(--text);text-align:left;margin-bottom:16px;font-size:17px;font-weight:600}.hiw-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}@media (width<=600px){.hiw-grid{grid-template-columns:1fr}}.hiw-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:20px}.hiw-icon{margin-bottom:10px;font-size:28px;display:block}.hiw-item h3{text-align:left;margin-bottom:6px;font-size:15px;font-weight:800}.hiw-item p{color:var(--muted);text-align:left;margin:0;font-size:14px;line-height:1.6}.about-pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;display:grid}@media (width<=700px){.about-pricing-grid{grid-template-columns:1fr}}.about-pricing-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:left;padding:24px;position:relative}.about-pricing-soon{opacity:.6}.about-pricing-price{color:var(--text);font-size:30px;font-weight:900}.about-pricing-price span{color:var(--muted);font-size:14px;font-weight:600}.about-pricing-title{color:var(--text);margin:6px 0 10px;font-size:16px;font-weight:800}.about-pricing-card p{color:var(--muted);font-size:13px;line-height:1.5}.update-item{border-left:3px solid var(--primary);margin-bottom:32px;padding-left:20px}.update-date{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:4px;font-size:12px;font-weight:800}.update-item h3{color:var(--text);text-align:left;margin-bottom:6px;font-size:18px;font-weight:800}.update-item p{color:var(--muted);text-align:left;font-size:14px;line-height:1.6}.form-group{margin-bottom:20px}.form-label{color:var(--text);text-align:left;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);background:var(--surface);text-align:left;padding:12px 14px;font-family:inherit;font-size:15px}.form-input:focus{border-color:var(--primary);outline:none}.form-select{border:1.5px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);background:var(--surface);appearance:none;cursor:pointer;text-align:left;padding:12px 14px;font-family:inherit;font-size:15px}.form-select:focus{border-color:var(--primary);outline:none}.form-textarea{border:1.5px solid var(--border);border-radius:var(--radius-xs);width:100%;min-height:130px;color:var(--text);background:var(--surface);resize:vertical;text-align:left;padding:12px 14px;font-family:inherit;font-size:15px}.form-textarea:focus{border-color:var(--primary);outline:none}.auth-wrap{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-wrap-wide{align-items:flex-start;padding-top:32px}.auth-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:40px}.auth-wrap-wide .auth-card{max-width:940px}.auth-brand{letter-spacing:-.5px;align-items:center;margin-bottom:24px;font-size:20px;font-weight:900;display:flex}.auth-title{color:var(--text);text-align:left;margin-bottom:6px;font-size:24px;font-weight:900}.auth-subtitle{color:var(--muted);text-align:left;margin-bottom:28px;font-size:14px;line-height:1.5}.auth-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:15px;font-size:15px;font-weight:800;transition:opacity .15s}.auth-btn:hover{opacity:.88}.auth-switch{color:var(--muted);text-align:center;margin-top:18px;font-size:14px}.auth-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:underline}.register-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=740px){.register-grid{grid-template-columns:1fr}}.pricing-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text);opacity:.7;text-align:left;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.pricing-lock-note{color:var(--muted);text-align:left;margin-bottom:14px;font-size:12px}.pricing-cards{flex-direction:column;gap:10px;display:flex}.pricing-card{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);text-align:left;padding:16px;transition:border-color .15s,background .15s;position:relative}.pricing-card:hover{border-color:var(--primary)}.pricing-selected{border-color:var(--primary);background:#7c3aed0d}.pricing-soon{cursor:default;opacity:.5}.pricing-soon:hover{border-color:var(--border)}.pricing-badge{letter-spacing:.04em;border-radius:99px;margin-bottom:8px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.pricing-badge-soon{color:var(--muted);background:#f3f4f6}.pricing-price{color:var(--text);font-size:24px;font-weight:900;line-height:1}.pricing-period{color:var(--muted);font-size:13px;font-weight:500}.pricing-title{color:var(--text);margin:6px 0 8px;font-size:14px;font-weight:800}.pricing-features{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--muted);text-align:left;padding-left:14px;font-size:12px;position:relative}.pricing-features li:before{content:"✓";color:var(--teal);font-size:11px;font-weight:900;position:absolute;left:0}@media (width<=700px){.nav{padding:14px 16px}.nav-links{display:none}.hero{padding:48px 16px 32px}.qual-section{padding:0 16px 40px}.qual-grid,.stats-row{grid-template-columns:1fr 1fr}.auth-card{padding:28px 20px}.about-pricing-grid,.topics-grid{grid-template-columns:1fr}}@media (width<=480px){.qual-grid{grid-template-columns:1fr}.subtopic-pill{padding:4px 8px;font-size:10px}}