@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--brand:#0d9488;--brand-2:#14b8a6;--brand-muted:#5eead4;--navy:#0a1628;--blue:#1a3a6b;--mid-blue:#1e4fa0;--gold:#d4a843;--gold-soft:#f5e6c0;--bg:#0a1628;--bg-2:#0f2040;--card:#fff;--ink:#0f1923;--ink-soft:#4a5568;--muted-color:#718096;--line:#e2e8f0;--surface:#f8fafc;--good:#0d9488;--good-bg:#f0fdfa;--bad:#e5484d;--bad-bg:#fef2f2;--warn:#d4a843;--warn-bg:#fffbeb;--radius:14px;--shadow:0 4px 24px rgba(10,22,40,.1);--shadow-lg:0 10px 40px rgba(10,22,40,.18);--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 500px at 0 0,rgba(13,148,136,.18) 0,transparent 60%),radial-gradient(800px 600px at 100% 0,rgba(26,58,107,.4) 0,transparent 55%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:4px;padding:0 32px;height:64px;background:rgba(10,22,40,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid hsla(0,0%,100%,.07)}.nav-brand,.site-nav{display:flex;align-items:center}.nav-brand{gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.02em;text-decoration:none;margin-right:8px}.brand-badge{font-size:.62rem;font-weight:700;background:rgba(13,148,136,.22);color:var(--brand-muted);border:1px solid rgba(13,148,136,.35);border-radius:99px;padding:2px 8px;letter-spacing:.08em;text-transform:uppercase}.nav-spacer{flex:1 1}.nav-link{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.65);padding:6px 12px;border-radius:8px;transition:color .15s,background .15s}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.08)}.nav-cta{margin-left:10px;font-size:.875rem;font-weight:600;color:#fff;background:var(--brand);border-radius:99px;padding:7px 18px;transition:filter .15s}.nav-cta:hover{filter:brightness(1.1)}.container{max-width:920px;margin:0 auto;padding:16px 24px 80px}.container.wide{max-width:1080px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin:14px 0}.card h1,.card h2,.card h3{margin-top:0;letter-spacing:-.02em;font-family:var(--font-display)}.card-dark{background:linear-gradient(135deg,var(--navy),var(--bg-2));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px;margin:14px 0;color:#fff}.hero-title{color:#fff;text-align:center;padding:32px 0 8px}.hero-title h1{font-family:var(--font-display);font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:800;margin:0 0 10px;letter-spacing:-.03em}.hero-title p{margin:0 auto;max-width:560px;color:hsla(0,0%,100%,.72);font-size:1.05rem;line-height:1.6}.eyebrow{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-muted);margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:12px 22px;border-radius:99px;transition:filter .15s,transform .05s;width:100%}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:rgba(13,148,136,.09);color:var(--brand);border:1.5px solid rgba(13,148,136,.25)}.btn.ghost:hover{background:rgba(13,148,136,.15)}.btn.secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.btn.secondary:hover{background:hsla(0,0%,100%,.16)}.btn.auto{width:auto}.btn.sm{font-size:.8rem;padding:8px 16px}.btn.danger{background:var(--bad)}label{display:block;font-weight:600;font-size:.77rem;margin:14px 0 6px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}input,select,textarea{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:.95rem;color:var(--ink);background:#fff;font-family:var(--font-body);transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,148,136,.12)}textarea{resize:vertical;min-height:90px}.choice{display:block;width:100%;text-align:left;cursor:pointer;padding:14px 18px;margin:8px 0;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:.95rem;font-weight:500;font-family:var(--font-body);color:var(--ink);transition:border-color .15s,background .15s}.choice:hover:not(:disabled){border-color:var(--brand);background:var(--good-bg)}.choice.correct{border-color:var(--good);background:var(--good-bg);color:#0a6b60;font-weight:600}.choice.wrong{border-color:var(--bad);background:var(--bad-bg);color:#b91c1c}.choice:disabled{cursor:not-allowed}.progressbar{width:100%;height:6px;background:var(--line);border-radius:99px;overflow:hidden}.progressbar div{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:99px;transition:width .4s ease}.feedback{padding:12px 16px;border-radius:10px;font-size:.9rem;line-height:1.55;margin:10px 0}.feedback.good{background:var(--good-bg);color:#0a6b60;border-left:3px solid var(--good)}.feedback.bad{background:var(--bad-bg);color:#b91c1c;border-left:3px solid var(--bad)}.feedback.hint{background:rgba(13,148,136,.07);color:var(--ink);border-left:3px solid var(--brand)}.feedback.warn{background:var(--warn-bg);color:#92400e;border-left:3px solid var(--warn)}.feedback.info{background:#eff6ff;color:#1e40af;border-left:3px solid #3b82f6}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pill,.tag-row{align-items:center}.pill{display:inline-flex;padding:3px 10px;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pill.std{background:rgba(13,148,136,.1);color:var(--brand);border:1px solid rgba(13,148,136,.25)}.pill.move{background:rgba(26,58,107,.08);color:var(--mid-blue);border:1px solid rgba(26,58,107,.2)}.pill.PRACTICE{background:rgba(13,148,136,.08);color:var(--brand);border:1px solid rgba(13,148,136,.2)}.pill.ENRICHMENT{background:rgba(212,168,67,.12);color:#9c6f10;border:1px solid rgba(212,168,67,.3)}.pill.REMEDIATION{background:rgba(229,72,77,.08);color:#b91c1c;border:1px solid rgba(229,72,77,.2)}.state{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:99px}.state.mastered{background:var(--good-bg);color:var(--good)}.state.in_progress{background:rgba(13,148,136,.08);color:var(--brand)}.state.developing{background:rgba(212,168,67,.1);color:#9c6f10}.state.not_ready{background:var(--surface);color:var(--muted-color)}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.stat{background:var(--surface);border-radius:10px;padding:16px;border:1px solid var(--line)}.stat .big{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1}.stat .lbl{font-size:.78rem;font-weight:500;margin-top:4px}.muted,.stat .lbl{color:var(--muted-color)}.center,.confetti{text-align:center}.confetti{font-size:3.5rem;margin-bottom:12px}.link{color:var(--brand);font-weight:600}.link:hover{text-decoration:underline}.power{border:1.5px solid rgba(13,148,136,.2);border-radius:12px;padding:20px;margin:12px 0;background:linear-gradient(135deg,rgba(13,148,136,.04),rgba(26,58,107,.04))}.power .head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.power .emoji{font-size:3rem;line-height:1}.power .rankname{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.power .rank{font-size:.82rem;color:var(--brand);font-weight:600;margin-top:2px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);padding:40px;width:100%;max-width:440px}.auth-card h1{font-size:1.6rem;margin:0 0 6px;letter-spacing:-.03em}.auth-card h1,.auth-logo{font-family:var(--font-display);font-weight:800}.auth-logo{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--brand);margin-bottom:28px}.role-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:14px 0}.role-btn{padding:14px 10px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;background:#fff;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--ink-soft);text-align:center;transition:border-color .15s,color .15s,background .15s}.role-btn.selected,.role-btn:hover{border-color:var(--brand);color:var(--brand)}.role-btn.selected{background:rgba(13,148,136,.06)}.role-icon{font-size:1.5rem;display:block;margin-bottom:4px}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted-color);font-size:.82rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}@media print{body{background:#fff!important;color:#000}.no-print,.site-nav{display:none!important}}@media (max-width:600px){.site-nav{padding:0 16px}.container{padding:12px 16px 60px}.card{padding:20px}.auth-card{padding:28px 20px}.row{grid-template-columns:1fr}}