*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0a0f1e;color:#e2e8f0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.page{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.card{width:100%;background:#111827;border:1px solid #1f2937;border-radius:1.25rem;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 25px 50px -12px #0009}.logo{font-size:2.5rem;line-height:1;margin-bottom:.25rem}h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:#f9fafb}.accent{color:#22d3ee}.tagline{color:#6b7280;font-size:.9rem;text-align:center}.status-row{display:flex;align-items:center;gap:.5rem;background:#0f172a;border:1px solid #1f2937;padding:.4rem .875rem;border-radius:9999px;margin-top:.25rem}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.online{background:#22c55e}.dot.offline{background:#ef4444}.dot.pulse{background:#6b7280;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.status-label{font-size:.8rem;color:#9ca3af}.features{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.feature{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#9ca3af;background:#0f172a;border:1px solid #1f2937;border-radius:.625rem;padding:.625rem .875rem}.feature span:first-child{font-size:1.1rem}.btn{display:inline-block;margin-top:.75rem;padding:.625rem 1.5rem;background:#22d3ee;color:#0a0f1e;font-weight:700;font-size:.875rem;border-radius:.625rem;text-decoration:none;transition:opacity .15s}.btn:hover{opacity:.85}.footer{font-size:.75rem;color:#374151;text-align:center}