@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";:root{--brand: #7b87f5;--brand-dim: #5c6ae0;--brand-soft: rgba(123, 135, 245, .08);--bg: #08090d;--bg-elevated: #0f1118;--surface: #12141c;--surface-raised: #181b25;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text: #eceef4;--text-muted: #9aa1b2;--text-faint: #63697a;--ok: #4ecb8a;--ok-soft: rgba(78, 203, 138, .1);--warn: #e8b44a;--warn-soft: rgba(232, 180, 74, .1);--bad: #e87078;--bad-soft: rgba(232, 112, 120, .1);--radius: 12px;--max: 860px;--touch: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.header{position:sticky;top:0;z-index:40;background:#08090deb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding-top:var(--safe-top)}.header-inner{max-width:var(--max);margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px}.header-inner-narrow,.main-narrow{max-width:520px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);flex-shrink:0}.brand:hover{opacity:.9}.brand-logo{border-radius:8px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:14px;font-weight:600;letter-spacing:-.02em}.brand-text span{font-size:11px;font-weight:400;color:var(--text-faint)}.header-nav{display:flex;align-items:center;gap:2px}.nav-link{font-size:13px;font-weight:500;color:var(--text-muted);padding:7px 12px;border-radius:8px;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link-active{color:var(--text);background:#ffffff0f}.nav-link-external:after{content:"↗";font-size:10px;margin-left:4px;opacity:.45}.nav-divider{width:1px;height:16px;background:var(--border-strong);margin:0 6px}.nav-refresh{display:grid;place-items:center;width:34px;height:34px;margin-left:4px;border:none;border-radius:8px;background:transparent;color:var(--text-faint);cursor:pointer;transition:color .15s,background .15s}.nav-refresh:hover:not(:disabled){color:var(--text);background:#ffffff0d}.nav-refresh:disabled{opacity:.4;cursor:default}.main{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:36px 28px 48px}.stack{display:flex;flex-direction:column;gap:32px}.hero{position:relative;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);overflow:hidden}.hero-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--text-faint)}.hero-accent[data-status=operational]{background:var(--ok)}.hero-accent[data-status=degraded]{background:var(--warn)}.hero-accent[data-status=outage]{background:var(--bad)}.hero-content{padding:28px 28px 28px 32px}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.hero-status-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:#ffffff08}.hero-status-operational{color:var(--ok);border-color:#4ecb8a33;background:var(--ok-soft)}.hero-status-degraded{color:var(--warn);border-color:#e8b44a33;background:var(--warn-soft)}.hero-status-outage{color:var(--bad);border-color:#e8707833;background:var(--bad-soft)}.hero-status-unknown{color:var(--text-muted)}.hero-updated{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.hero h1{margin:0;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.2}.hero-desc{margin:10px 0 0;color:var(--text-muted);font-size:15px;max-width:46ch}.hero-note{margin:0;padding:16px 28px 20px 32px;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.status-alerts{display:flex;flex-direction:column;gap:10px}.status-alert{padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.status-alert-warn{border-color:#e8b44a2e;background:var(--warn-soft)}.status-alert-bad{border-color:#e870782e;background:var(--bad-soft)}.status-alert-title{margin:0;font-size:14px;font-weight:600;color:var(--text)}.status-alert-text{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.status-alert-link{display:inline-block;margin-top:10px;font-size:13px;font-weight:500;color:var(--text-muted);transition:color .15s}.status-alert-link:hover{color:var(--text)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.section-action{font-size:13px;font-weight:500;color:var(--text-muted);transition:color .15s}.section-action:hover{color:var(--text)}.service-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--border)}.service{background:var(--surface);padding:20px 22px;display:flex;flex-direction:column;gap:16px}.service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.service-name{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.service-desc{margin:2px 0 0;font-size:13px;color:var(--text-faint)}.pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.pill-ok{color:var(--ok);background:var(--ok-soft)}.pill-warn{color:var(--warn);background:var(--warn-soft)}.pill-bad{color:var(--bad);background:var(--bad-soft)}.pill-unknown{color:var(--text-muted);background:#ffffff0a}.uptime-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.uptime-meta-top{margin-bottom:8px}.uptime-meta-bottom{margin-top:8px}.uptime-bar{display:flex;gap:2px;height:32px;padding:3px;border-radius:8px;background:#00000040}.uptime-bar span{flex:1;min-width:0;border-radius:2px;transition:opacity .15s}.uptime-bar span:hover{opacity:.7}.uptime-ok{background:var(--ok);opacity:.85}.uptime-warn{background:var(--warn);opacity:.85}.uptime-bad{background:var(--bad);opacity:.85}.uptime-unknown{background:#3a3f4d}#historique{scroll-margin-top:88px}.incident-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.incident-item{display:grid;grid-template-columns:20px 1fr;gap:0 16px;position:relative}.incident-item:not(:last-child):before{content:"";position:absolute;left:9px;top:20px;bottom:0;width:1px;background:var(--border-strong)}.incident-marker{width:8px;height:8px;border-radius:50%;background:var(--bad);margin-top:18px;margin-left:5px;flex-shrink:0}.incident-card{padding:14px 0 24px;border-bottom:1px solid var(--border)}.incident-item:last-child .incident-card{border-bottom:none;padding-bottom:0}.incident-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.incident-severity{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:5px}.incident-severity-critical{color:var(--bad);background:var(--bad-soft)}.incident-severity-major{color:var(--warn);background:var(--warn-soft)}.incident-severity-minor{color:var(--text-muted);background:#ffffff0d}.incident-card-head time{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.incident-title{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.35}.incident-body{margin:0;font-size:14px;color:var(--text-muted);line-height:1.6;max-width:62ch}.announcement-list{display:flex;flex-direction:column;gap:10px}.announcement-card{padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.announcement-card h3{margin:0 0 6px;font-size:14px;font-weight:600}.announcement-card p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.55}.notify{border-top:1px solid var(--border);padding-top:28px}.notify-trigger{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-family:inherit;color:inherit}.notify-trigger:hover{border-color:var(--border-strong);background:#ffffff05}.notify-trigger-label{font-size:14px;font-weight:500;color:var(--text)}.notify-trigger-hint{font-size:13px;color:var(--text-faint)}.notify-panel{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--surface)}.notify-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.notify-panel-title{margin:0;font-size:14px;font-weight:600}.notify-panel-desc{margin:4px 0 0;font-size:13px;color:var(--text-faint)}.notify-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-faint);font-size:18px;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.notify-close:hover{background:#ffffff0f;color:var(--text)}.notify-input-row{display:flex;gap:8px}.notify-input-row input[type=email]{flex:1;min-width:0;height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s}.notify-input-row input[type=email]:focus{outline:none;border-color:var(--border-strong)}.notify-input-row input[type=email]::placeholder{color:var(--text-faint)}.notify-submit{height:40px;padding:0 16px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-raised);color:var(--text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.notify-submit:hover:not(:disabled){background:#ffffff14;border-color:#ffffff24}.notify-submit:disabled{opacity:.5;cursor:default}.notify-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--text-faint);cursor:pointer}.notify-check input{accent-color:var(--brand)}.notify-feedback{margin:10px 0 0;font-size:13px;color:var(--ok)}.notify-feedback-err{color:var(--bad)}.footer{border-top:1px solid var(--border);margin-top:auto;background:var(--bg-elevated)}.footer-grid{max-width:var(--max);margin:0 auto;padding:40px 28px 32px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-brand{display:flex;flex-direction:column;gap:10px}.footer-logo-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text)}.footer-logo-link img{border-radius:7px}.footer-tagline{margin:0;font-size:13px;color:var(--text-faint);line-height:1.5;max-width:28ch}.footer-col-title{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:13px;color:var(--text-muted);transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-bottom{max-width:var(--max);margin:0 auto;padding:16px 28px calc(16px + var(--safe-bottom));border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--text-faint)}.footer-bottom p{margin:0}.footer-bottom-left{display:flex;flex-direction:column;gap:4px}.footer-credit{font-size:11px;color:var(--text-faint)}.footer-credit span{color:var(--text-muted);font-weight:500}.footer-updated{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;font-family:inherit}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{opacity:.9}.alert{text-align:center;padding:48px 24px;border-radius:var(--radius);border:1px solid rgba(232,112,120,.2);background:var(--bad-soft)}.alert p{margin:0 0 16px;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px}.card-center{text-align:center}.card h1{margin:12px 0 8px;font-size:1.25rem}.muted{color:var(--text-muted);font-size:14px}.page-heading{margin:0 0 24px;font-size:1.4rem;font-weight:600;letter-spacing:-.03em}.spinner{width:32px;height:32px;margin:0 auto 16px;border:2px solid var(--border);border-top-color:var(--text-muted);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}.history-item{padding:20px}.history-updates{margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--border);list-style:none;display:flex;flex-direction:column;gap:10px}.history-updates li{font-size:13px;color:var(--text-muted)}.history-updates time{display:block;font-size:11px;color:var(--text-faint);margin-bottom:4px}.incident-meta{margin-top:10px;font-size:12px;color:var(--text-faint)}.back-link{display:inline-block;margin-bottom:20px;font-size:13px;color:var(--text-muted);transition:color .15s}.back-link:hover{color:var(--text)}.loading-state{text-align:center;padding:48px 0}.empty-state{text-align:center;padding:48px 0;color:var(--text-faint);font-size:14px;margin:0}.banner-ok{background:var(--ok-soft);border:1px solid rgba(78,203,138,.18)}.banner-warn{background:var(--warn-soft);border:1px solid rgba(232,180,74,.18)}@media(max-width:720px){.header-inner,.main,.footer-grid,.footer-bottom{padding-left:20px;padding-right:20px}.footer-grid{grid-template-columns:1fr;gap:28px;padding-top:32px}.nav-divider{display:none}.hero-content{padding:22px 20px 22px 24px}.hero-note{padding:14px 20px 18px 24px}.incident-card-head{flex-direction:column;align-items:flex-start;gap:6px}.notify-input-row{flex-direction:column}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media(max-width:520px){.header-nav .nav-link:not(.nav-link-active):not(.nav-link-external){display:none}}