:root { color-scheme: light; --forest:#173b2d; --green:#1f7a57; --paper:#f4f0e8; --ink:#13271f; --muted:#64625d; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:32px; background:radial-gradient(circle at 80% 10%,#dce9df 0,transparent 35%),var(--paper); color:var(--ink); font-family:Arial,sans-serif; }
main { width:min(720px,100%); padding:clamp(32px,7vw,72px); border:1px solid #d8d0c3; border-radius:28px; background:#fffefb; box-shadow:0 28px 80px rgba(19,39,31,.14); }
.mark { width:76px; height:76px; display:grid; place-items:center; border-radius:22px; background:var(--green); color:white; font-size:42px; font-weight:900; }
.brand { margin:26px 0 12px; color:var(--green); font-size:.8rem; font-weight:900; letter-spacing:.22em; }
h1 { margin:0; max-width:620px; font-family:Georgia,serif; font-size:clamp(2.5rem,7vw,5rem); font-weight:500; line-height:.98; letter-spacing:-.05em; }
.lede { margin:28px 0; max-width:610px; color:var(--muted); font-size:1.1rem; line-height:1.7; }
.actions { display:flex; flex-wrap:wrap; gap:14px; }
a { color:var(--green); font-weight:800; }
.actions a { min-height:50px; display:inline-flex; align-items:center; padding:0 20px; border:1px solid #b9b5ad; border-radius:999px; text-decoration:none; }
.actions .primary { border-color:var(--green); background:var(--green); color:white; }
.help { margin:36px 0 0; padding-top:24px; border-top:1px solid #e0dbd2; color:var(--muted); font-size:.9rem; }