:root{--bg: #07090e;--surface: rgba(17, 21, 32, .78);--surface-strong: #111623;--border: rgba(148, 163, 184, .14);--border-hover: rgba(163, 180, 248, .34);--text: #f8fafc;--muted: #94a3b8;--subtle: #64748b;--ok: #34d399;--ok-bg: rgba(52, 211, 153, .12);--ok-border: rgba(52, 211, 153, .32);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .12);--warn-border: rgba(251, 191, 36, .34);--down: #fb7185;--down-bg: rgba(251, 113, 133, .12);--down-border: rgba(251, 113, 133, .34);--brand-gradient: linear-gradient(135deg, #82bfff 0%, #849df8 30%, #a3b4f8 56%, #dca7f0 80%, #fcc7e9 100%);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono)}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(650px circle at 15% -5%,rgba(130,191,255,.14),transparent 60%),radial-gradient(560px circle at 88% 8%,rgba(220,167,240,.12),transparent 62%);z-index:0}.container{position:relative;z-index:1;width:100%;max-width:960px;margin:0 auto;padding:0 1.25rem}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090ebf;position:sticky;top:0;z-index:10}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text)}.brand-logo{height:24px;width:auto;display:block;object-fit:contain}.brand-pill{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:#ffffff08;padding:.22rem .6rem;border-radius:999px}.topbar-actions{display:flex;align-items:center;gap:.85rem}.countdown{font-size:.78rem;color:var(--muted)}.refresh-btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-family:var(--font-sans);font-size:.82rem;font-weight:600;padding:.48rem .85rem;border-radius:10px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.refresh-btn:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff14}.refresh-btn:disabled{opacity:.6;cursor:wait}.refresh-icon{width:14px;height:14px}.refresh-btn.is-spinning .refresh-icon{animation:spin .8s linear infinite}.main-content{padding-top:2.25rem;padding-bottom:3.5rem;display:flex;flex-direction:column;gap:2.25rem}.hero-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.85rem 2rem;box-shadow:0 24px 60px #00000059}.hero-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--brand-gradient);opacity:.85}.hero-card.is-healthy{border-color:var(--ok-border)}.hero-card.is-degraded{border-color:var(--warn-border)}.hero-card.is-down{border-color:var(--down-border)}.hero-status-row{display:flex;align-items:center;gap:1rem}.status-pulse{width:16px;height:16px;border-radius:999px;flex-shrink:0;background:var(--muted)}.hero-card.is-healthy .status-pulse{background:var(--ok);box-shadow:0 0 0 6px var(--ok-bg),0 0 20px #34d39980;animation:pulse 2.4s ease-in-out infinite}.hero-card.is-degraded .status-pulse{background:var(--warn);box-shadow:0 0 0 6px var(--warn-bg)}.hero-card.is-down .status-pulse{background:var(--down);box-shadow:0 0 0 6px var(--down-bg)}.hero-kicker{margin:0 0 .25rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-title{margin:0;font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:700;letter-spacing:-.025em}.hero-subtitle{margin:.7rem 0 0;color:var(--muted);font-size:.94rem;line-height:1.5}.hero-metrics{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.74rem;color:var(--subtle);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.metric-value{font-size:.98rem;font-weight:600;color:var(--text)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.section-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.015em}.section-note,.endpoint-badge{font-size:.76rem;color:var(--muted)}.endpoint-badge{border:1px solid var(--border);background:#ffffff08;padding:.22rem .6rem;border-radius:8px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.2rem 1.25rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s ease}.service-card:hover{border-color:var(--border-hover)}.service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.service-name{margin:0;font-size:.98rem;font-weight:700}.service-desc{margin:.28rem 0 0;font-size:.8rem;line-height:1.45;color:var(--muted)}.service-badge{flex-shrink:0;font-size:.72rem;font-weight:700;padding:.22rem .58rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#ffffff0a}.service-badge.is-healthy{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.service-badge.is-unhealthy{color:var(--down);background:var(--down-bg);border-color:var(--down-border)}.uptime-bars{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;height:24px;align-items:stretch}.uptime-bar{border-radius:3px;background:#94a3b82e;transition:transform .15s ease}.uptime-bar.is-healthy{background:#34d399c7}.uptime-bar.is-unhealthy{background:#fb7185d1}.service-foot{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:var(--subtle)}.check-log{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.log-empty{padding:1.25rem;font-size:.85rem;color:var(--muted)}.log-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;font-size:.82rem;border-top:1px solid var(--border)}.log-row:first-child{border-top:none}.log-left{display:flex;align-items:center;gap:.65rem}.log-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.log-dot.is-healthy{background:var(--ok)}.log-dot.is-degraded{background:var(--warn)}.log-dot.is-down{background:var(--down)}.log-right{color:var(--muted);font-size:.76rem;white-space:nowrap}.footer{border-top:1px solid var(--border);padding-top:1.5rem;padding-bottom:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--subtle);flex-wrap:wrap}.footer p{margin:0}.footer-links{display:flex;align-items:center;gap:.6rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.services-grid,.hero-metrics{grid-template-columns:1fr}.countdown{display:none}}@media(prefers-reduced-motion:reduce){.hero-card.is-healthy .status-pulse,.refresh-btn.is-spinning .refresh-icon{animation:none}}