:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #17231c; background: #eee9df; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 18% 12%, #faf6ec 0, transparent 38%), #eee9df; }
.card { width: min(720px, 100%); padding: clamp(34px, 8vw, 72px); border: 1px solid #d8d0c0; border-radius: 30px; background: rgba(255,253,248,.94); box-shadow: 0 28px 80px rgba(27,42,33,.12); }
.mark { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; background: #22543d; color: white; font-size: 25px; font-weight: 850; }
.eyebrow { margin: 32px 0 10px; color: #357052; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(48px, 10vw, 82px); line-height: .95; letter-spacing: -.06em; }
.intro { max-width: 48ch; margin: 22px 0 0; color: #536158; font-size: clamp(17px, 2.5vw, 21px); line-height: 1.62; }
.status { display: flex; align-items: center; gap: 10px; margin-top: 42px; color: #69736d; font-size: 14px; }
.status span { width: 9px; height: 9px; border-radius: 50%; background: #39a765; box-shadow: 0 0 0 5px #e1f3e7; }