:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe4;--ink:#1e241d;--muted:#596255;--panel:#ffffffc7;--line:#1e241d1f;--accent:#33664f;--accent-soft:#dfeadd;--danger:#8a4527;--warn:#9c7c1d;--shadow:0 20px 60px #2e392b1f;font-family:Segoe UI,Inter,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #33664f2e, transparent 32%), linear-gradient(180deg, #efe7d8 0%, var(--bg) 100%);min-height:100vh;color:var(--ink);margin:0}a{color:var(--accent);text-decoration:none}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 64px}.hero,.split,.grid{gap:16px;display:grid}.hero{grid-template-columns:1fr auto;align-items:start;margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.75rem}.lede{max-width:48rem;color:var(--muted)}.card,.serviceCard,.loginCard{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px}.card,.serviceCard{padding:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:20px 0}.split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.serviceHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;display:inline-flex}.status-ok{color:var(--accent);background:#33664f1f}.status-degraded{color:var(--warn);background:#9c7c1d1f}.status-unreachable{color:var(--danger);background:#8a45271f}.meta{color:var(--muted);font-size:.92rem}.ghostButton,.primaryButton{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;display:inline-flex}.primaryButton{background:var(--accent);color:#fff}.ghostButton{color:var(--ink);background:#ffffff73}.loginWrap{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{width:min(480px,100%);padding:28px}ul{padding-left:20px}@media (max-width:720px){.hero{grid-template-columns:1fr}}