:root{color:#e8edf5;background:#0a0f18;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#172238,#0a0f18 46%);min-width:320px;min-height:100vh;margin:0}main{width:min(1100px,100% - 32px);margin:0 auto;padding:64px 0}header{margin-bottom:36px}h1{letter-spacing:-.06em;margin:4px 0 8px;font-size:clamp(2.5rem,7vw,5rem)}h2{margin:0;font-size:1.2rem}p{color:#98a7bd}code{color:#b9d1ff}.eyebrow{color:#78a6ff;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:.78rem;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}article,.panel,.bootstrap{background:#101826e0;border:1px solid #243149;border-radius:18px;padding:22px;box-shadow:0 18px 45px #00000038}.panel{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:32px;margin-bottom:22px;display:grid}.bootstrap{border-color:#31568f;margin-bottom:34px}.row,.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading{margin:36px 0 18px}span{color:#9fc0ff;border:1px solid #31568f;border-radius:999px;padding:4px 9px;font-size:.78rem}a{color:#8bb4ff;overflow-wrap:anywhere;margin:16px 0;display:block}dl{grid-template-columns:92px 1fr;gap:8px 14px;margin:0 0 20px;font-size:.9rem;display:grid}dt{color:#73839b}dd{overflow-wrap:anywhere;margin:0}form{gap:14px;display:grid}label{color:#c7d2e3;gap:7px;font-size:.9rem;display:grid}input{color:#e8edf5;width:100%;font:inherit;background:#0a111d;border:1px solid #31415e;border-radius:10px;padding:11px 12px}input:focus{outline-offset:1px;outline:2px solid #5d8fe2}button{color:#06101f;font:inherit;cursor:pointer;background:#8bb4ff;border:0;border-radius:10px;padding:11px 14px;font-weight:700}button:disabled{opacity:.55;cursor:wait}button.secondary{color:#caddff;background:#1d2b42}button.danger{color:#ffc1b8;background:#3a1d1a;width:100%;margin-top:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#070c13;border:1px solid #273b5d;border-radius:12px;margin:12px 0 0;padding:16px;overflow-x:auto}.notice{color:#ffb4a8;background:#271713;border:1px solid #74433d;border-radius:12px;margin-bottom:18px;padding:14px 16px}.empty{color:#8393aa;text-align:center;border:1px dashed #31415e;border-radius:16px;grid-column:1/-1;padding:28px}@media (width<=720px){.panel{grid-template-columns:1fr}main{padding-top:40px}}