:root {
    color-scheme: light;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: #18201d;
    background: #eef2ef;
}

* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: #eef2ef; }
.shell { width: min(960px, calc(100% - 32px)); margin: 0 auto; }
.topbar { min-height: 72px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #c7d0ca; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: #214e3d; border-radius: 6px; font-weight: 800; }
.workspace { padding: 96px 0 72px; }
.eyebrow { margin: 0 0 16px; color: #a34b2c; font-size: 13px; font-weight: 700; text-transform: uppercase; }
h1 { max-width: 760px; margin: 0; font-size: clamp(42px, 8vw, 76px); line-height: 1.02; letter-spacing: 0; }
.lead { max-width: 560px; margin: 24px 0 44px; color: #53625b; font-size: 18px; line-height: 1.65; }
.status-list { max-width: 620px; margin: 0; border-top: 1px solid #b7c3bb; }
.status-list div { min-height: 54px; display: grid; grid-template-columns: minmax(120px, 1fr) minmax(160px, 2fr); align-items: center; border-bottom: 1px solid #c7d0ca; }
.status-list dt { color: #66756d; }
.status-list dd { margin: 0; font-weight: 700; }
.status-ok { color: #1f7747; }
.status-error { color: #b23a32; }
.button { display: inline-flex; min-height: 42px; align-items: center; padding: 0 18px; color: #fff; background: #214e3d; border-radius: 6px; text-decoration: none; font-weight: 700; }
@media (max-width: 640px) { .workspace { padding-top: 64px; } .status-list div { grid-template-columns: 1fr 1fr; } }