:root{color:#e0f2fe;background:#020617;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.shell{min-height:100vh;display:grid;place-content:center;gap:2rem;padding:3rem;background:radial-gradient(circle at top left,#075985 0,#020617 48%)}.hero,.panel{width:min(760px,calc(100vw - 3rem))}.eyebrow{margin:0;color:#38bdf8;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:.5rem 0;font-size:clamp(2.4rem,7vw,5rem);line-height:1}.summary{color:#bae6fd;font-size:1.1rem}.status{display:inline-flex;align-items:center;gap:.65rem;margin-top:.75rem;padding:.65rem 1rem;border:1px solid #0ea5e9;border-radius:999px;background:#082f49b8}.status-dot{width:.7rem;height:.7rem;border-radius:50%;background:#4ade80;box-shadow:0 0 18px #4ade80}.panel{padding:1.5rem;border:1px solid #164e63;border-radius:1.25rem;background:#082f4994;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{display:grid;gap:.4rem;padding:1rem;border-radius:.8rem;background:#0c4a6e}.card span{color:#7dd3fc;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.card code{color:#fff;font-size:1rem}.note{margin-bottom:0;color:#a5f3fc;font-size:.9rem}
