:root { --cream:#fff6df; --red:#a8122c; --gold:#ffd069; }
* { box-sizing:border-box; }
html { min-height:100%; background:#15090a; }
body { min-height:100vh; margin:0; color:var(--cream); font-family:Arial,Helvetica,sans-serif; background:radial-gradient(circle at 50% 5%,#91223b 0,#3a1119 44%,#13080a 100%); }
.teaser-shell { width:min(100%,720px); min-height:100vh; margin:auto; padding:18px; }
header { padding:4px 2px 18px; display:flex; align-items:center; justify-content:space-between; }
.jarvis-mark { color:#fff; text-decoration:none; text-transform:uppercase; line-height:.84; }
.jarvis-mark span,.jarvis-mark strong { display:block; }
.jarvis-mark span { color:var(--gold); font-size:.65rem; font-weight:900; letter-spacing:.24em; }
.jarvis-mark strong { font-size:1.25rem; letter-spacing:.05em; }
.date-chip { padding:9px 13px; border:1px solid rgba(255,255,255,.45); border-radius:999px; color:var(--gold); font-size:.73rem; font-weight:900; letter-spacing:.13em; }
.teaser-card { padding:clamp(34px,8vw,72px) clamp(22px,7vw,58px); position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:30px; background:linear-gradient(160deg,rgba(26,76,53,.96),rgba(9,38,29,.98)); box-shadow:0 28px 80px rgba(0,0,0,.45); text-align:center; }
.teaser-card:before,.teaser-card:after { content:""; position:absolute; width:220px; height:220px; border:25px solid rgba(255,208,105,.08); border-radius:50%; }
.teaser-card:before { top:-150px; left:-100px; }.teaser-card:after { right:-130px; bottom:-150px; }
.eyebrow { margin:0 0 22px; color:var(--gold); font-size:.72rem; font-weight:950; letter-spacing:.18em; text-transform:uppercase; }
.brand { margin:auto; display:grid; grid-template-columns:auto auto; width:max-content; align-items:center; column-gap:10px; color:#fff; }
.brand>span { grid-row:1/3; font-size:3.1rem; filter:drop-shadow(0 6px 8px rgba(0,0,0,.35)); }
.brand strong { align-self:end; font-family:Georgia,serif; font-size:clamp(2rem,8vw,3.5rem); line-height:.9; font-style:italic; }
.brand small { justify-self:start; color:#f6bfc7; font-size:.64rem; font-weight:950; letter-spacing:.28em; }
h1 { margin:36px 0 16px; font-family:Impact,"Arial Black",sans-serif; font-size:clamp(3.2rem,13vw,6rem); line-height:.78; letter-spacing:-.03em; text-transform:uppercase; }
h1 em { color:#ff8190; font-style:normal; text-shadow:0 5px 0 #741125; }
.secret { margin:26px auto 0; max-width:480px; color:#d8e8df; font-size:clamp(1rem,3vw,1.2rem); font-weight:700; line-height:1.5; }
.prize { width:min(100%,390px); margin:32px auto 18px; padding:22px 20px; border:2px solid var(--gold); border-radius:22px; background:linear-gradient(145deg,#fff7dc,#ffd984); color:#321b10; box-shadow:0 14px 28px rgba(0,0,0,.25); }
.prize small,.prize strong,.prize span { display:block; }.prize small { font-size:.65rem; font-weight:950; letter-spacing:.14em; }.prize strong { margin:5px 0 0; color:var(--red); font-size:3.5rem; line-height:1; }.prize span { font-size:1.05rem; font-weight:900; text-transform:uppercase; }
.locked { margin:18px 0 0; padding:18px; display:flex; align-items:center; gap:14px; border-radius:18px; background:rgba(0,0,0,.2); text-align:left; }
.locked>span { font-size:2rem; }.locked strong { display:block; color:var(--gold); font-size:.92rem; }.locked p { margin:5px 0 0; color:#d7e5de; font-size:.78rem; line-height:1.45; }
.back-button { margin-top:28px; padding:14px 18px; display:inline-flex; gap:8px; align-items:center; border-radius:13px; background:#cf1f3a; color:#fff; font-size:.78rem; font-weight:950; text-decoration:none; }
.back-button:hover { background:#fff; color:#661124; }
@media(max-width:480px){.teaser-shell{padding:10px}.teaser-card{border-radius:22px}.locked{align-items:flex-start}.prize strong{font-size:3rem}}