:root { --bg:#fff8e7; --ink:#1d1d1f; --accent:#ff5a36; --soft:#6b6b6b; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
       font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
       text-align:center; padding:32px 16px 48px; }
.tag { display:inline-block; background:var(--ink); color:var(--bg);
       font-size:12px; letter-spacing:.15em; text-transform:uppercase;
       padding:6px 12px; border-radius:999px; }
h1 { font-size:clamp(40px, 11vw, 84px); line-height:1; margin:18px 0 6px;
     font-weight:900; letter-spacing:-.02em; }
h1 span { color:var(--accent); }
.sub { color:var(--soft); font-size:18px; margin:0 auto 28px; max-width:560px; }
figure { margin:0 auto; max-width:480px; transform:rotate(-1.5deg);
         background:#fff; padding:14px 14px 18px; border-radius:6px;
         box-shadow:0 12px 30px rgba(0,0,0,.15); }
figure img { width:100%; display:block; border-radius:3px; }
figcaption { font-family:"Comic Sans MS","Marker Felt",cursive; font-size:20px; margin-top:12px; }
ul { list-style:none; padding:0; margin:36px auto 0; max-width:520px; text-align:left; font-size:17px; line-height:1.6; }
li::before { content:"✔ "; color:var(--accent); font-weight:700; }
footer { margin-top:40px; font-size:13px; color:var(--soft); }
footer a { color:inherit; }