*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07090f;color:#f5f7fb;min-height:100vh}.shell{max-width:1180px;margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:56px}.brand{font-weight:800;letter-spacing:.08em}.home{color:#a9b7d0;text-decoration:none}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:stretch}.panel{background:linear-gradient(180deg,#121725,#0b0f19);border:1px solid #242d40;border-radius:20px;padding:28px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#8ea6d5}.title{font-size:clamp(2.3rem,6vw,5rem);line-height:.95;margin:12px 0 18px}.desc{color:#b9c3d5;font-size:1.05rem;line-height:1.65;max-width:720px}.status{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:#101826;border:1px solid #26334b;color:#c8d4e8;font-size:.9rem}.dot{width:9px;height:9px;border-radius:999px;background:#5a6577}.dot.ok{background:#38d996}.dot.warn{background:#f2b84b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.metric{padding:18px;border:1px solid #263049;border-radius:14px;background:#0c111c}.metric b{display:block;font-size:1.05rem;margin-bottom:7px}.metric span{color:#95a2b8;font-size:.9rem}.api-box{margin-top:24px;padding:16px 18px;background:#05070c;border:1px solid #27314a;border-radius:14px;overflow:auto}.api-box code{color:#9ee8c5}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-block;text-decoration:none;padding:11px 15px;border-radius:10px;background:#eef3ff;color:#09101d;font-weight:700}.btn.secondary{background:#111827;color:#d9e3f5;border:1px solid #2b3852}.note{margin-top:22px;color:#7f8ca3;font-size:.88rem;line-height:1.5}.list{display:grid;gap:12px;margin-top:18px}.row{padding:14px 0;border-bottom:1px solid #232c3d}.row:last-child{border-bottom:0}.row strong{display:block;margin-bottom:4px}.row small{color:#8997ae}@media(max-width:800px){.shell{padding:20px}.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.topbar{margin-bottom:30px}.title{font-size:2.7rem}}