:root{color-scheme:dark;--bg:#0c1423;--panel:#172338;--text:#edf2fb;--muted:#b8c8df;--accent:#75d7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3c56}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:4px}.brand{font-weight:800;text-decoration:none;color:var(--text)}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}h2{line-height:1.3;margin-top:2rem}.lead{font-size:1.2rem;color:var(--muted);max-width:780px}.badge{display:inline-block;border:1px solid #36728d;border-radius:30px;padding:4px 14px;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:28px 0}.card{background:var(--panel);border:1px solid #293c58;border-radius:16px;padding:24px}.card h2{margin-top:0;font-size:1.3rem}footer{font-size:.9rem;color:var(--muted);border-top:1px solid #2a3c56}footer a{margin-right:20px}li{margin:8px 0}.notice{border-left:4px solid var(--accent);padding:12px 20px;background:var(--panel)}.legal{max-width:850px}.legal h1{font-size:2.5rem}code{overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:20px}}