:root{--red:#C91D17;--gold:#E9A11B;--cream:#FFF2D5;--brown:#3B180B;--soft:#F5E5C7;--white:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--brown);background:var(--cream)}
.hero{min-height:100vh;display:grid;place-items:center;padding:24px}
.card{width:min(100%,520px);padding:48px 28px;text-align:center;background:var(--white);border:2px solid var(--soft);border-radius:28px}
.popcorn{font-size:72px;animation:pop 1.8s ease-in-out infinite}
.eyebrow{margin:16px 0 6px;color:var(--red);font-weight:800;letter-spacing:3px}
h1{margin:0 0 12px;font-size:clamp(2rem,8vw,3.2rem)}
.card>p:not(.eyebrow){font-size:1.1rem}
.status{display:inline-block;margin-top:18px;padding:10px 16px;border-radius:999px;background:var(--gold);color:var(--brown);font-weight:700}
@keyframes pop{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.popcorn{animation:none}}