:root{color-scheme:dark;--bg:#070b14;--surface:#0d1422;--surface2:#111c2e;--line:#23324a;--text:#edf3ff;--muted:#95a7c2;--accent:#65f0d0;--accent2:#80aaff;--warning:#ffd28b;--danger:#ff9eaa;--radius:18px;--shadow:0 18px 50px #0004}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 85% -10%,#193459 0,transparent 38%),radial-gradient(ellipse at 0 35%,#102b30 0,transparent 30%),var(--bg);min-height:100vh}a{color:var(--accent);text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline;color:#b0ffef}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #7df3d8;border-radius:10px;padding:11px 17px;background:linear-gradient(135deg,#8bffe4,#53d8c0);color:#04201d;font-weight:800;cursor:pointer;transition:transform .15s,filter .15s}button:hover,.button:hover{filter:brightness(1.08);transform:translateY(-1px);color:#04201d;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #80aaff;outline-offset:3px}
.topbar{position:relative;z-index:2;border-bottom:1px solid #ffffff12;background:#070b14d9;backdrop-filter:blur(16px)}.topbar-inner{max-width:1200px;margin:auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:850;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #65f0d066;border-radius:12px;background:#65f0d012;color:var(--accent);font-size:15px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.18em;font-weight:700}.top-links{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--muted)}.top-links a{color:var(--muted)}.top-links a:hover{color:var(--text)}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #65f0d033;border-radius:99px;background:#65f0d00b;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #65f0d0}
.shell{max-width:1200px;margin:0 auto;padding:42px 28px 60px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:850}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:28px}.hero h1{font-size:clamp(30px,4.6vw,50px);letter-spacing:-.045em;line-height:1.12;margin:10px 0 13px;max-width:780px}.hero p{color:var(--muted);margin:0;max-width:760px}.lab-chip{flex-shrink:0;min-width:110px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffff04;text-align:center}.lab-chip strong{display:block;font-size:29px;letter-spacing:-.06em}.lab-chip span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em}.meta-row{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0}.meta{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;background:#ffffff04;padding:6px 10px;color:#c3d0e5;font-size:12px}.meta b{color:var(--text);font-weight:750}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.main-column{min-width:0}.box,.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#101a2aee,#0b1220f2);padding:24px;margin:0 0 16px;box-shadow:var(--shadow)}.box h2,.panel h2{margin:0 0 10px;font-size:20px;letter-spacing:-.025em}.box h3{font-size:15px;margin:20px 0 7px}.box p:last-child{margin-bottom:0}.box p{color:#c3cfe2}.box strong,.box b{color:var(--text)}.side-rail{position:sticky;top:22px}.side-rail .panel{padding:19px;background:#0d1524c9;box-shadow:none}.panel-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:850;margin-bottom:12px}.side-rail p,.side-rail li{font-size:13px;color:var(--muted)}.side-rail ul{padding-left:18px;margin:8px 0}.side-rail li{margin:6px 0}.note{border-left:3px solid var(--accent2);padding:10px 13px;background:#80aaff0c;border-radius:0 9px 9px 0;color:#c7d7f1;font-size:13px}.warning{color:var(--warning)!important}.flag{color:var(--accent);font-weight:850}.muted{color:var(--muted)!important;font-size:13px}.box code,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#050a12;border:1px solid #273650;border-radius:7px;padding:3px 7px;overflow-wrap:anywhere;color:#a7f7e4}.box pre{display:block;white-space:pre-wrap;padding:14px}.box form{display:grid;gap:13px;margin-top:18px}.box label{display:block;color:#cbd7e9;font-size:13px;font-weight:700}.box input,.box textarea,.box select{display:block;width:100%;margin-top:6px;border:1px solid #31435f;border-radius:10px;background:#070d18;color:var(--text);padding:12px 13px;min-height:45px}.box textarea{min-height:110px;resize:vertical}.box input::placeholder,.box textarea::placeholder{color:#60728d}.box form button{justify-self:start;margin-top:2px}.box input[type=checkbox],.box input[type=radio]{display:inline-block;width:auto;min-height:0}.box a{overflow-wrap:anywhere}.box hr{border:0;border-top:1px solid var(--line);margin:18px 0}.box article{padding:13px;margin:10px 0;border:1px solid var(--line);border-radius:10px;background:#070d18}.box table{width:100%;border-collapse:collapse}.box th,.box td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.box th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.footer{max-width:1200px;margin:auto;padding:20px 28px 32px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:18px;color:#687c98;font-size:11px}.footer span:last-child{text-align:right}.kbd{font:12px ui-monospace,monospace;border:1px solid #34435b;border-radius:5px;padding:2px 6px;color:#dce8fa}.progress-track{height:5px;border-radius:99px;background:#1b2940;overflow:hidden;margin:13px 0}.progress-track span{display:block;width:10%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.form-help{font-size:12px;color:var(--muted);margin-top:-7px}.success{border-color:#65f0d055}.danger{border-color:#ff9eaa55}
@media(max-width:850px){.layout{grid-template-columns:1fr}.side-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.side-rail .panel{margin:0}.hero{gap:16px}.lab-chip{min-width:85px}.top-links{gap:12px}}
@media(max-width:560px){.topbar-inner{padding:13px 17px}.top-links a:first-child{display:none}.shell{padding:29px 16px 40px}.hero{display:block}.lab-chip{display:inline-block;margin-top:18px;min-width:100px;padding:10px 14px}.lab-chip strong{font-size:22px}.hero h1{font-size:34px}.box,.panel{padding:18px;border-radius:14px}.side-rail{grid-template-columns:1fr}.footer{padding:18px 16px;display:block}.footer span{display:block}.footer span:last-child{text-align:left;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}