:root{color:#17251f;background:#f3f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#d9e5d9 0,transparent 35%),#f3f0e8}.card{width:min(100%,620px);padding:clamp(28px,6vw,64px);border:1px solid #c6d0c6;border-radius:28px;background:#fffffcdb;box-shadow:0 24px 80px #20352a1f}.kicker{color:#48725e;font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1{margin:16px 0 12px;color:#10231d;font-size:clamp(2.2rem,7vw,4rem);letter-spacing:-.055em;line-height:.98}.lede{max-width:49ch;color:#52645b;line-height:1.6}.status{display:inline-flex;align-items:center;gap:10px;margin:26px 0;padding:10px 14px;border-radius:999px;font-weight:700}.status-online{color:#155c3a;background:#dff1e6}.status-offline{color:#8c3f30;background:#f8e3db}.status-dot{width:10px;height:10px;border-radius:50%;background:currentcolor}.facts{display:grid;gap:1px;margin:0 0 28px;overflow:hidden;border:1px solid #d8ded6;border-radius:16px}.facts div{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;background:#fbfbf7}.facts dt{color:#728178}.facts dd{margin:0;text-align:right;font-weight:700}button{border:0;border-radius:12px;padding:13px 18px;color:#fff;background:#173e2e;font:inherit;font-weight:700;cursor:pointer}button:disabled{cursor:wait;opacity:.55}.error{color:#8c3f30;line-height:1.5}