:root { color-scheme: dark; --bg:#090b0e; --panel:#11151a; --line:#252c34; --ink:#f4f0e7; --muted:#9aa5b1; --red:#ef3e33; --gold:#e7bb70; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 15% 0,#18202a 0,transparent 30%),var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; }
.hero { max-width:1500px; margin:auto; padding:64px 32px 44px; display:grid; grid-template-columns:1fr auto; gap:48px; align-items:end; border-bottom:1px solid var(--line); }
.eyebrow,.offer-id { margin:0 0 10px; color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.16em; }
h1 { margin:0; max-width:900px; font-size:clamp(42px,7vw,92px); line-height:.9; letter-spacing:-.055em; }
.dek { max-width:850px; margin:24px 0 0; color:var(--muted); font-size:18px; line-height:1.55; }
.status { min-width:230px; padding:22px; background:rgba(17,21,26,.85); border:1px solid var(--line); border-radius:18px; }
.status strong { display:block; font-size:34px; }.status span { color:var(--muted); }
.bar { height:7px; margin-top:18px; overflow:hidden; border-radius:9px; background:#252b31; }.bar i { display:block; height:100%; background:linear-gradient(90deg,var(--red),var(--gold)); }
main { max-width:1500px; margin:auto; padding:0 32px 80px; }
.collection-intro { margin:34px 0 18px; padding:24px 26px; border:1px solid var(--line); border-radius:16px; background:#111827; }
.collection-intro--new { border-color:#22c55e; background:linear-gradient(135deg,#0f2b21,#111827); }
.collection-intro h2 { margin:4px 0 8px; font-size:clamp(1.6rem,3vw,2.5rem); }
.collection-intro p:last-child { margin:0; color:#a9b4c7; }
.offer--new { border-color:#214a38; }
.offer { padding:54px 0; border-bottom:1px solid var(--line); }
.offer-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:20px; }
h2 { margin:0; font-size:clamp(26px,3vw,42px); letter-spacing:-.035em; }
.count { color:var(--muted); padding:8px 12px; border:1px solid var(--line); border-radius:999px; white-space:nowrap; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.card { overflow:hidden; background:var(--panel); border:1px solid var(--line); border-radius:16px; box-shadow:0 22px 60px rgba(0,0,0,.22); }
.image-link { display:block; aspect-ratio:1; background:#050607; overflow:hidden; }.image-link img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .25s ease; }.image-link:hover img { transform:scale(1.018); }
.meta { padding:16px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.meta strong { display:block; }.meta code { display:block; margin-top:6px; color:var(--muted); font-size:11px; }
.cta { color:var(--ink); text-decoration:none; padding:10px 12px; border-radius:9px; background:#20262d; font-size:13px; font-weight:750; white-space:nowrap; }.cta:hover { background:var(--red); }
.empty { margin:60px 0; padding:60px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:16px; }
footer { padding:32px; text-align:center; color:var(--muted); border-top:1px solid var(--line); }
@media (max-width:980px) { .hero { grid-template-columns:1fr; }.status { width:100%; }.grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .hero,main { padding-left:18px; padding-right:18px; }.grid { grid-template-columns:1fr; }.meta { align-items:flex-start; flex-direction:column; }.cta { width:100%; text-align:center; } }