@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;900&display=swap";:root{--bg: #070a0f;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--text-primary: #f1f5f9;--text-secondary: #64748b;--text-tertiary: #334155;--accent: #2dd4bf}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Geist,Inter,Segoe UI,sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 10% -5%,rgba(45,212,191,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(167,139,250,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 50% 50%,rgba(251,146,60,.04) 0%,transparent 50%);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:4rem 1.5rem;gap:3rem}.hero{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;animation:rise-in .6s cubic-bezier(.22,.76,.33,1) both}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:.35rem .85rem;border-radius:999px}.status-dot{display:block;width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:pulse 2.5s ease-in-out infinite}.status-dot--offline{background:#f87171;box-shadow:0 0 8px #f87171;animation:none}.hero-badge--degraded{border-color:#f871714d;color:#f87171}.hero h1{font-size:clamp(2.6rem,7vw,5.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#f1f5f9 20%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-copy{font-size:clamp(.9rem,2vw,1.05rem);color:var(--text-secondary);max-width:42ch;line-height:1.6}.stack{width:min(520px,100%);display:flex;flex-direction:column;gap:.6rem}.card{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(10px);animation:card-in .48s cubic-bezier(.13,.74,.29,1) forwards;transition:background .18s ease,border-color .18s ease,transform .18s ease;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:2px;border-radius:0 2px 2px 0;background:var(--accent);opacity:0;transition:opacity .18s ease}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 0% 50%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);opacity:0;transition:opacity .24s ease;pointer-events:none}.card:hover,.card:focus-visible{background:var(--surface-hover);border-color:var(--border-hover);transform:translate(4px);outline:none}.card:hover:before,.card:focus-visible:before{opacity:1}.card:hover:after,.card:focus-visible:after{opacity:1}.icon-wrap{flex-shrink:0;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);transition:background .18s ease,border-color .18s ease}.icon-wrap svg{width:1.2rem;height:1.2rem;fill:var(--accent);stroke:var(--accent);transition:fill .18s ease,stroke .18s ease}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.card-body h2{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.card-body p{font-size:.8rem;color:var(--text-secondary)}.card-url{font-size:.72rem;color:var(--text-tertiary);font-family:GeistMono,Fira Code,ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s ease}.card:hover .card-url,.card:focus-visible .card-url{color:color-mix(in srgb,var(--accent) 70%,#64748b)}.service-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%}.service-dot--checking{background:var(--text-tertiary);animation:pulse 1.5s ease-in-out infinite}.service-dot--online{background:#4ade80;box-shadow:0 0 7px #4ade80;animation:pulse 2.5s ease-in-out infinite}.service-dot--offline{background:#f87171;box-shadow:0 0 7px #f87171}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (max-width: 480px){.page{padding:2.5rem 1rem;gap:2rem}.card{padding:.9rem 1rem}}