*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:system-ui,sans-serif;background:#0f1419;color:#e7e9ea}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.status-card{text-align:center;padding:2rem 2.5rem;border-radius:12px;background:#1a2332;border:1px solid #2f3b4d;max-width:28rem}.status-card h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.status-line{margin:0;font-size:1rem}.status-online{color:#3ecf8e}.status-offline{color:#f87171}.status-pending{color:#94a3b8}.retry{margin-top:1.25rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #3d4f66;background:#243044;color:inherit;font:inherit;cursor:pointer}.retry:hover{background:#2c3a52}