:root{--bg:#08141c;--ink:#e9f1f4;--muted:#a7bbc4;--card:#10232d;--line:#29414a;--accent:#51dbc8;--accent2:#9ccbd6;--focus:#ffd275;font-family:Geist,Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;line-height:1.6}a{color:var(--accent)}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}.container{max-width:1160px;margin:auto;padding:0 24px}header{position:sticky;top:0;z-index:20;background:#08141cf5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.head{display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:74px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;color:var(--ink);text-decoration:none}.brand img{width:34px;height:34px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--ink)}.lang{display:inline-flex;gap:3px;padding:3px;border:1px solid #486573;border-radius:30px}.lang button{background:transparent;border:0;color:var(--muted);border-radius:20px;padding:6px 13px;font-size:13px;font-weight:700}.lang button[aria-pressed=true]{background:var(--accent);color:#09252c}.hero{padding:82px 0 58px;background:radial-gradient(circle at 84% 20%,#17626b5c,transparent 44%)}.eyebrow{font:600 12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.1;max-width:890px;letter-spacing:-.04em;margin-bottom:24px}h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.03em}h3{font-size:1.22rem;line-height:1.3}.lead{max-width:780px;color:#c3d3d9;font-size:1.13rem}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border-radius:8px;padding:12px 18px;font-weight:700;font-size:.95rem;text-decoration:none;border:1px solid #607c84;color:var(--ink);background:transparent}.btn:hover{text-decoration:none;background:#243f49}.btn.primary{background:var(--accent);color:#06242b;border-color:var(--accent)}.btn.primary:hover{background:#8bebdc}.section{padding:52px 0}.subtitle{color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.card{background:linear-gradient(155deg,#13303a,#0f222c);border:1px solid var(--line);border-radius:15px;padding:26px;display:flex;flex-direction:column;gap:11px}.card p{color:#bfd0d5;font-size:.95rem;margin-bottom:0}.topline{display:flex;gap:10px;justify-content:space-between;align-items:center}.code{font:600 12px 'DM Mono',monospace;color:var(--accent)}.state{display:inline-block;border:1px solid #607681;border-radius:30px;color:#d1e1e6;padding:3px 10px;font-size:11px;white-space:nowrap}.meta{color:var(--muted);font-size:13px}.card .cardlinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.cardlinks a{font-size:14px}.feature{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:minmax(165px,1fr) 2fr;gap:20px}.feature strong{font-size:1rem}.feature p{color:var(--muted);margin:0}.banner{background:#12313c;border:1px solid #3c6570;border-radius:15px;padding:28px;margin:20px 0}.disclaimer{font-size:13px;color:var(--muted);padding:24px 0;border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}footer .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.breadcrumbs{font-size:14px;color:var(--muted);padding-top:28px}.breadcrumbs a{text-decoration:none}.case{background:#0d2430;border-left:3px solid var(--accent);border-radius:7px;padding:20px;margin:22px 0}.case p{margin:8px 0 0}.choices{display:grid;gap:10px}.choice{border:1px solid #496674;background:#132e39;color:var(--ink);text-align:left;padding:15px 17px;border-radius:9px}.choice:hover,.choice:focus-visible{border-color:var(--accent);background:#1b3e48}.choice[disabled]{opacity:.75;cursor:default}.choice.correct{border-color:#64d1ad;background:#13443a}.choice.incorrect{border-color:#e5a37e;background:#4a2e32}.feedback{padding:19px;border-radius:9px;background:#163b3d;border:1px solid #427b7d;margin-top:18px}.feedback p{margin:8px 0 0}.progress{font:600 12px 'DM Mono',monospace;color:var(--accent)}.hidden{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.head{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:6px}.nav{order:3;width:100%;justify-content:space-between;gap:10px;flex-wrap:wrap}.hero{padding:58px 0 32px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr;gap:8px}.container{padding:0 18px}.card{padding:21px}.hero{padding-top:42px}.nav a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}