:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;background-color:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:640px;padding:2rem;color:#f8fafc}.header{text-align:center;margin-bottom:2rem}.badge{display:inline-block;padding:.25rem .75rem;background:#3b82f6;color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem}h1{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#94a3b8;font-size:1rem;line-height:1.5}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.card h2{font-size:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #334155;padding-bottom:.75rem}.status-grid{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;align-items:center;gap:.75rem}.status-item p{color:#94a3b8;font-size:.875rem}.dot{width:10px;height:10px;border-radius:50%}.dot.online{background-color:#10b981;box-shadow:0 0 8px #10b981}