:root{color-scheme:dark;--bg:#071421;--panel:#102436;--ink:#eef8f6;--muted:#b7cbc7;--accent:#42d6bd;--line:#29475a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#12364a 0,transparent 36%),var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1080px;margin:auto;padding:1.2rem}nav,footer{display:flex;flex-wrap:wrap;gap:1rem}.brand{font-size:1.25rem;font-weight:800;color:var(--accent)}a{color:var(--ink);text-decoration:none}a:hover,a:focus{text-decoration:underline}main{max-width:1080px;margin:auto;padding:4rem 1.2rem}.hero{max-width:760px}.hero h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.02;margin:.6rem 0}.hero p{font-size:1.15rem;color:var(--muted)}.badge{display:inline-block;border:1px solid var(--accent);border-radius:99px;padding:.25rem .7rem;color:var(--accent);font-weight:700}.warning{background:#33280d;border-left:4px solid #f3bd3e;padding:1rem;color:#fff!important}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:3rem}.grid article,.document{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:18px;padding:1.4rem}.document{max-width:820px}.document h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}.document h2{margin-top:2rem;color:var(--accent)}code{overflow-wrap:anywhere;color:#9de9db}footer{border-top:1px solid var(--line);color:var(--muted)}@media(max-width:560px){header{align-items:flex-start;flex-direction:column}main{padding-top:2rem}}
