body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#08111d;color:#ecf2ff}a{color:#8dd7ff;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.hero{padding:48px 0 24px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.card{background:#0f1b2e;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#16304d;margin:0 8px 8px 0;font-size:12px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.kpi{font-size:28px;font-weight:700;margin-top:8px}.small{color:#b9c7da;font-size:14px}pre{background:#08111d;color:#d7f2ff;padding:16px;border-radius:14px;overflow:auto;white-space:pre-wrap}.nav{display:flex;gap:14px;align-items:center;padding:18px 0}.button{display:inline-block;padding:12px 18px;border-radius:14px;background:#1f5eff;color:#fff;font-weight:700;border:none;cursor:pointer}.button.secondary{background:#17314d}.api-box{background:#091321;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}@media (max-width:900px){.hero,.grid-3,.grid-2{grid-template-columns:1fr}}