:root { color-scheme: dark; --ink:#f5f7ff; --muted:#b6bed4; --panel:#151825; --line:#303751; --accent:#968cff; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.7 Inter, Arial, sans-serif; background:#090b12; color:var(--ink); }
a { color:#b4adff; } a:hover { color:#fff; }
.site-header,.site-footer { background:#10131d; border-color:var(--line); border-style:solid; }
.site-header { border-width:0 0 1px; } .site-footer { border-width:1px 0 0; margin-top:56px; }
.bar { max-width:1040px; padding:18px 24px; margin:auto; display:flex; gap:20px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.brand { color:#fff; font-weight:800; font-size:1.25rem; text-decoration:none; }.brand span { color:var(--accent); }
nav { display:flex; gap:16px; flex-wrap:wrap; } nav a { text-decoration:none; font-size:.92rem; }
main { max-width:860px; padding:56px 24px 0; margin:auto; } h1 { font-size:clamp(2rem,5vw,3rem); line-height:1.15; margin:0 0 12px; } h2 { margin-top:38px; line-height:1.25; } h3 { margin-top:24px; }
.lead,.updated { color:var(--muted); }.notice { border-left:4px solid var(--accent); background:var(--panel); padding:16px 18px; border-radius:6px; }.card { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:24px; margin:20px 0; }
label { display:block; margin:14px 0 6px; font-weight:600; } input,textarea { width:100%; padding:12px; border-radius:8px; border:1px solid var(--line); background:#0c0f18; color:var(--ink); font:inherit; } textarea { min-height:150px; } button { margin-top:18px; border:0; border-radius:8px; padding:12px 18px; cursor:pointer; background:var(--accent); color:#111224; font-weight:700; }
code { background:#22273a; padding:2px 5px; border-radius:4px; } @media(max-width:600px){ main{padding-top:38px}.bar{padding:16px} }