:root{--bg:#141619;--bg2:#1c1f23;--fg:#eef0f2;--muted:#a3a9b1;--accent:#e63a2e;--accent2:#ffcc29;--on-accent2:#141619;--card:#1f2328;--line:rgba(255,255,255,.1);--fh:"Oswald",Impact,sans-serif;--fb:"Roboto",system-ui,sans-serif;--r:6px;--btnr:4px;--fbg:#0b0c0e;--hbg:#141619}
h1,h2,h3{text-transform:uppercase;font-weight:600;letter-spacing:.01em}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#1b1e22,#141619)}
.hero .w{position:relative;z-index:2;padding:80px 0 60px}
.hero h1{font-size:clamp(2.8rem,6.4vw,5.4rem);line-height:.95;max-width:12ch}
.hero h1 em{font-style:normal;color:var(--accent)}
.stripes{position:absolute;right:-60px;top:0;bottom:0;width:46%;background:repeating-linear-gradient(115deg,transparent 0 40px,rgba(230,58,46,.85) 40px 70px,transparent 70px 90px,rgba(255,204,41,.85) 90px 104px,transparent 104px 160px);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);opacity:.18}
.car{width:min(720px,100%);margin:20px 0 0 auto;position:relative;z-index:2}
.car .wh{transform-box:fill-box;transform-origin:center;animation:sp 1.4s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.road{height:6px;background:repeating-linear-gradient(90deg,#ffcc29 0 40px,transparent 40px 80px);animation:road 1s linear infinite;opacity:.6}
@keyframes road{to{background-position:-80px 0}}
.coupon{border:3px dashed var(--accent2);border-radius:10px;padding:30px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:rgba(255,204,41,.06)}
.coupon .amt{font:600 3.4rem/1 var(--fh);color:var(--accent2)}
.coupon .t{font:700 1.2rem var(--fb);font-variant-numeric:tabular-nums;color:var(--accent2)}
.ic{background:var(--accent)}
.price-tag{font:600 1.3rem var(--fh);color:var(--accent2)}
.open{background:rgba(60,200,90,.16);color:#7ee29a}.open.closed{background:rgba(230,58,46,.16);color:#ff8a80}
@media(max-width:700px){.coupon{grid-template-columns:1fr;text-align:center}}