:root { color-scheme: light; font-family: ui-rounded, "Avenir Next", system-ui, sans-serif; background: #fff8ed; color: #25372a; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(145deg, #fff9ef, #eef5df); }
main { width: min(680px, 100%); padding: clamp(30px, 7vw, 68px); border: 1px solid #cedbbd; border-radius: 36px 12px 36px 12px; background: rgba(255,255,255,.86); box-shadow: 0 25px 75px rgba(53,79,48,.12); }
.mark { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: #dce9c8; color: #486039; font-size: 1.6rem; }
.eyebrow { margin: 26px 0 12px; color: #bb5d35; font-size: .8rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 0; max-width: 12ch; font-size: clamp(2.5rem, 8vw, 5rem); line-height: 1.02; letter-spacing: -.045em; }
main > p:not(.eyebrow) { max-width: 52ch; margin: 26px 0; color: #627063; font-size: 1.08rem; line-height: 1.72; }
.status { display: inline-block; padding: 9px 14px; border-radius: 10px; background: #f8e3d2; color: #873f23; font-size: .84rem; font-weight: 800; }