:root{--color-operational:#28a745;--color-degraded:#ffc107;--color-partial:#fd7e14;--color-outage:#dc3545;--color-unknown:#6c757d;--color-maintenance:#17a2b8;--bg:#f8f9fa;--bg-card:#fff;--text:#212529;--text-muted:#6c757d;--border:#dee2e6;--shadow:0 1px 3px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:0 1rem}.status-header{color:#fff;background:#1a1a2e;margin-bottom:2rem;padding:1.5rem 0}.header-content{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.6rem;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;height:36px}.status-header h1{font-size:1.5rem;font-weight:600}.brand-subtitle{opacity:.7;font-weight:400}.last-updated{color:#fff9;margin-top:.25rem;font-size:.8rem}.overall-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.overall-badge.operational{background:var(--color-operational);color:#fff}.overall-badge.degraded{background:var(--color-degraded);color:#212529}.overall-badge.partial-outage{background:var(--color-partial);color:#fff}.overall-badge.major-outage{background:var(--color-outage);color:#fff}.overall-badge.unknown{background:var(--color-unknown);color:#fff}section{margin-bottom:2rem}h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem;font-weight:600}.components-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.component-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-left-width:4px;border-radius:8px;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.component-card.operational{border-left-color:var(--color-operational)}.component-card.degraded{border-left-color:var(--color-degraded)}.component-card.partial-outage{border-left-color:var(--color-partial)}.component-card.major-outage{border-left-color:var(--color-outage)}.component-card.unknown{border-left-color:var(--color-unknown)}.component-card.maintenance{border-left-color:var(--color-maintenance)}.component-name{font-weight:500}.component-status{font-size:.8rem;font-weight:600}.component-card.operational .component-status{color:var(--color-operational)}.component-card.degraded .component-status{color:#856404}.component-card.partial-outage .component-status{color:#6f3800}.component-card.major-outage .component-status{color:var(--color-outage)}.component-card.unknown .component-status{color:var(--color-unknown)}.incidents-section{margin-top:2rem}.incident-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;margin-bottom:.75rem;padding:1rem 1.25rem}.incident-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.incident-header h3{flex:1;font-size:.95rem;font-weight:600}.incident-severity{border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.incident-severity.critical{color:#c62828;background:#fce8e8}.incident-severity.major{color:#856404;background:#fff3cd}.incident-severity.minor{color:#0c5460;background:#d1ecf1}.incident-severity.maintenance{color:#383d41;background:#e2e3e5}.incident-status-badge{color:var(--text-muted);font-size:.75rem;font-weight:500}.incident-started{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.incident-update{border-left:3px solid var(--border);background:#f8f9fa;border-radius:0 4px 4px 0;padding:.4rem .75rem;font-size:.85rem}.update-time{color:var(--text-muted);margin-top:.2rem;font-size:.75rem;display:block}.subscribe-section{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:1.5rem}.subscribe-section p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.subscribe-form{flex-wrap:wrap;gap:.5rem;display:flex}.email-input{border:1px solid var(--border);border-radius:6px;outline:none;flex:1;min-width:220px;padding:.5rem .75rem;font-size:.9rem;transition:border-color .15s}.email-input:focus{border-color:#4a90d9}.subscribe-btn{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;transition:background .15s}.subscribe-btn:hover:not(:disabled){background:#2d2d5e}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed}.subscribe-success{color:var(--color-operational);margin-top:.75rem;font-size:.9rem}.subscribe-error{color:var(--color-outage);margin-top:.75rem;font-size:.9rem}.status-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:1.5rem 0;font-size:.8rem}.loading{text-align:center;color:var(--text-muted);padding:3rem}.alert-error{color:#c62828;text-align:center;background:#fce8e8;border-radius:8px;padding:1rem}.alert-warning{color:#f57f17;text-align:center;background:#fff8e1;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9em}@media (width<=600px){.components-grid{grid-template-columns:1fr}.subscribe-form{flex-direction:column}.email-input,.subscribe-btn{width:100%}}