:root{--ice:#fdfeff;--cyan:#00cfe8;--indigo:#3f51b5;--ink:#17203a}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,var(--ice),#eefbff);color:var(--ink);min-height:100vh;display:grid;place-items:center;padding:24px}
.shell{width:min(960px,100%)}
.card{background:rgba(255,255,255,.92);border:1px solid rgba(0,207,232,.24);border-radius:28px;padding:28px;box-shadow:0 22px 70px rgba(63,81,181,.18)}
.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--indigo);font-weight:700}
h1{font-size:clamp(34px,8vw,72px);margin:.1em 0;background:linear-gradient(90deg,var(--cyan),var(--indigo));-webkit-background-clip:text;color:transparent}
.lead{font-size:18px;line-height:1.6;max-width:780px}
.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:24px 0}
.status-grid div{border-radius:18px;background:#f4fbff;padding:16px;border:1px solid rgba(63,81,181,.12)}
.status-grid strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--indigo)}
.status-grid span{display:block;margin-top:6px}
button{border:0;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--indigo));color:white;font-weight:800;padding:14px 22px;cursor:pointer}
pre{white-space:pre-wrap;background:#0e1220;color:#eafcff;border-radius:18px;padding:16px;min-height:120px;overflow:auto}