@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#102a43;--muted:#627d98;--paper:#f4f1ea;--panel:#fffdf8;--line:#d9d4ca;--orange:#e76f51;--mint:#2a9d8f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}body:before{content:'';position:fixed;inset:0;background:linear-gradient(120deg,rgba(42,157,143,.12),transparent 40%),radial-gradient(circle at 90% 10%,rgba(231,111,81,.15),transparent 28%);pointer-events:none}.shell{position:relative;max-width:820px;margin:0 auto;padding:28px 22px 36px}.topbar,.panel-head,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow,.kicker{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--orange);margin:0 0 8px}.topbar h1{font:700 27px 'Space Grotesk',sans-serif;margin:0}.status{border:1px solid var(--line);padding:8px 12px;border-radius:99px;font-size:12px}.status.online{color:var(--mint);border-color:#9bd4c9}.hero{display:flex;justify-content:space-between;align-items:center;min-height:260px;padding:50px 0 44px}.hero h2{font:700 clamp(38px,7vw,70px)/.95 'Space Grotesk',sans-serif;letter-spacing:0;max-width:590px;margin:0 0 22px}.muted{color:var(--muted);line-height:1.6;margin:0;max-width:550px}.signal-mark{display:flex;align-items:end;gap:7px;height:100px}.signal-mark span{display:block;width:13px;background:var(--orange);border-radius:8px 8px 0 0}.signal-mark span:nth-child(1){height:32px}.signal-mark span:nth-child(2){height:67px;background:var(--mint)}.signal-mark span:nth-child(3){height:100px}.panel{background:var(--panel);border:1px solid var(--line);padding:25px;margin:0 0 18px;box-shadow:8px 8px 0 rgba(16,42,67,.06)}.panel h3{font:600 24px 'Space Grotesk',sans-serif;margin:0}.count{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.readiness{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0}.ready-icon{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#d8f0eb;color:var(--mint);font-weight:700}.readiness strong{font-family:'Space Grotesk',sans-serif}.message{color:var(--mint);min-height:22px}.message.error{color:#b42318}button{font:700 15px 'DM Sans',sans-serif;border:0;cursor:pointer}.primary{background:var(--ink);color:#fff;padding:13px 18px;border-radius:4px}.primary:hover{background:var(--orange)}.link-button{display:inline-block;text-decoration:none}form{display:grid;gap:14px;margin-top:22px}label{display:grid;gap:7px;color:var(--muted);font-size:13px}input,textarea{border:1px solid var(--line);background:#fff;padding:12px;font:16px 'DM Sans',sans-serif;color:var(--ink);border-radius:3px}footer{color:var(--muted);font-size:12px;padding-top:10px}footer strong{color:var(--ink)}.notification-list{display:grid;gap:12px;margin-top:22px}.notification-item{border:1px solid var(--line);background:#fff;padding:16px;border-radius:4px}.notification-item strong{display:block;font:600 18px 'Space Grotesk',sans-serif;margin-bottom:8px}.notification-item p{margin:0 0 10px;color:var(--muted);line-height:1.5}.notification-item time,.empty-state{color:var(--muted);font-size:13px}.empty-state{border:1px dashed var(--line);padding:18px;background:#fff}@media(max-width:580px){.shell{padding:20px 16px}.hero{min-height:230px;padding:44px 0 35px}.signal-mark{transform:scale(.7);transform-origin:right center;margin-left:-20px}.panel{padding:20px}.hero h2{font-size:43px}.topbar h1{font-size:23px}}