:root{--bg:#0a0f1e;--navy:#0d2144;--card:#101a2d;--line:#24406e;--text:#ffffff;--text-secondary:#fff3c4;--gold:#f5c842;--teal:#9be3ee;--success:#6ee7b7;--danger:#fca5a5;--cta-bg:#f5c842;--cta-text:#0a0f1e}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--teal)}a:hover{color:var(--gold)}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}header.top{background:var(--navy);border-bottom:1px solid var(--line)}header.top .wrap{display:flex;gap:18px;align-items:center;min-height:64px;flex-wrap:wrap}header.top .brand{color:var(--gold);font-weight:800;font-size:20px;text-decoration:none;margin-right:auto}header.top nav a{color:var(--text);text-decoration:none;font-weight:600;margin-left:14px}h1,h2,h3,header.top nav a:hover{color:var(--gold)}h1,h2,h3{line-height:1.25}.sub{color:var(--text-secondary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--text);text-decoration:none;display:block;transition:transform .15s}.card:hover{transform:translateY(-3px);border-color:var(--gold)}.card h3{margin:.2em 0}.pill{display:inline-block;border:1px solid var(--teal);color:var(--teal);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.pill.gold{border-color:var(--gold);color:var(--gold)}.pill.ok{border-color:var(--success);color:var(--success)}.btn{display:inline-block;background:var(--cta-bg);color:var(--cta-text);border:0;border-radius:10px;padding:10px 18px;font-weight:800;font-size:16px;cursor:pointer;text-decoration:none}.btn.ghost{background:transparent;color:var(--gold);border:2px solid var(--gold)}input{background:var(--card);color:var(--text);border:1px solid var(--teal);border-radius:10px;padding:10px 12px;font-size:16px;width:100%}input::placeholder{color:var(--text-secondary);opacity:1}.lesson-body{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 22px}.lesson-body strong{color:var(--gold)}.slides{position:relative;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.slides img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.slides .ctl{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.bar,.slides .ctl{background:var(--navy)}.bar{height:10px;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar>i{display:block;height:100%;background:var(--gold)}footer{margin-top:60px;border-top:1px solid var(--line);background:var(--navy);padding:20px 0;color:var(--text-secondary);font-size:14px}.result{border-bottom:1px solid var(--line);padding:10px 0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}