:root{color-scheme:dark;--bg:#000;--s:#0d0d0d;--s2:#080808;--b:#242424;--t:#f5f5f5;--m:#9b9b9b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:14px/1.5 Arial,sans-serif}a{color:#fff}header,nav{background:#080808;border-bottom:1px solid var(--b);padding:16px 24px;display:flex;gap:22px;align-items:center}nav{position:sticky;top:0}nav a{text-decoration:none;color:#bbb}main{max-width:1200px;margin:auto;padding:28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.box{background:var(--s);border:1px solid var(--b);border-radius:14px;padding:18px;margin:14px 0}.card small{display:block;color:var(--m);margin-bottom:8px}.card b{font-size:21px}.box{max-width:560px;margin:7vh auto;padding:28px}input,select,button{width:100%;background:#080808;color:#fff;border:1px solid #303030;border-radius:9px;padding:12px;margin:7px 0}button{background:#fff;color:#000;font-weight:700}.error{background:#251010;border:1px solid #692929;padding:10px;border-radius:9px}.ok{background:#0b2313;border:1px solid #23683a;padding:10px;border-radius:9px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #222;padding:10px}.hero{padding:38px 0}.hero h1{font-size:34px}.muted{color:var(--m)}code,pre{background:#080808;border:1px solid #222;border-radius:8px;padding:4px 6px;overflow:auto}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}nav{overflow:auto}}@media(max-width:520px){.grid{grid-template-columns:1fr}main{padding:16px}}