:root { color-scheme: light dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 15% 15%, #e8efff, transparent 32%), linear-gradient(145deg, #f7f9fc, #e9eef7); color: #152033; }
.card { width: min(620px, calc(100% - 36px)); padding: 56px; border-radius: 24px; background: rgba(255,255,255,.82); box-shadow: 0 24px 70px rgba(38,55,84,.13); border: 1px solid rgba(255,255,255,.9); backdrop-filter: blur(12px); }
.mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: white; font-weight: 750; font-size: 24px; background: linear-gradient(135deg,#315bea,#63a2ff); }
.eyebrow { margin: 28px 0 8px; color: #587092; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(34px,7vw,52px); line-height: 1.05; letter-spacing: -.04em; }
.summary { max-width: 520px; color: #53647d; font-size: 17px; line-height: 1.7; }
.status { display: inline-flex; align-items: center; gap: 9px; margin-top: 14px; padding: 10px 14px; border-radius: 999px; background: #eaf8ef; color: #187342; font-size: 14px; font-weight: 650; }
.status span { width: 9px; height: 9px; border-radius: 50%; background: #22a65a; box-shadow: 0 0 0 5px rgba(34,166,90,.12); }
footer { margin-top: 54px; color: #8996a8; font-size: 13px; }
@media (prefers-color-scheme: dark) { body { background: radial-gradient(circle at 15% 15%,#182b5a,transparent 32%),#0c1220; color:#edf3ff; } .card { background:rgba(18,26,43,.86); border-color:rgba(255,255,255,.08); } .summary { color:#aab7ca; } .eyebrow { color:#8fa6c7; } .status { background:#102f23; color:#84dca7; } footer { color:#74839b; } }