:root { --dark:#111827; --green:#b8f23d; --bg:#f4f6f8; --muted:#687386; }
* { box-sizing:border-box; }
body { margin:0; color:var(--dark); background:var(--bg); font-family:Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1040px,calc(100% - 32px)); margin:auto; }
.header { background:var(--dark); color:#fff; }
.nav { height:68px; display:flex; align-items:center; justify-content:space-between; }
.logo { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:800; }
.logo span { width:35px; height:35px; display:grid; place-items:center; color:var(--dark); background:var(--green); border-radius:9px; }
.age { color:#aeb6c4; font-size:13px; }
.intro { padding:58px 0 32px; text-align:center; }
.tag { margin:0; color:#6b8f13!important; font-size:12px!important; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; }
.intro h1 { margin:8px 0; font-size:clamp(34px,6vw,54px); letter-spacing:-2px; }
.intro p { margin:0; color:var(--muted); font-size:17px; }
.bonus-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.bonus-card { padding:20px; border:1px solid #e0e4e9; border-radius:16px; background:#fff; box-shadow:0 8px 25px rgba(20,30,50,.05); }
.bonus-card.hidden { display:none; }
.card-top { display:flex; align-items:center; gap:11px; padding-bottom:18px; border-bottom:1px solid #edf0f3; }
.casino-logo { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; color:var(--casino-text); background:var(--casino-color); font-size:16px; font-weight:800; }
.bonus-copy { min-height:143px; padding:20px 0 14px; }
.bonus-copy span { color:#667085; font-size:13px; font-weight:700; }
.bonus-copy h2 { margin:5px 0; font-size:24px; letter-spacing:-1px; }
.bonus-copy p { margin:0; color:var(--muted); font-size:13px; }
.claim { display:block; padding:13px; border-radius:9px; background:var(--green); text-align:center; font-weight:800; }
.claim:hover { background:#c8fa57; }
.bonus-card small { display:block; margin-top:10px; color:#8a94a5; text-align:center; font-size:10px; line-height:1.4; }
.notice { max-width:700px; margin:24px auto 55px; color:#818a99; text-align:center; font-size:11px; }
footer { padding:24px 16px; color:#9ba4b2; background:var(--dark); text-align:center; font-size:12px; }
footer a { color:var(--green); }
@media(max-width:850px) { .bonus-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px) {
  .age { font-size:11px; }.intro { padding-top:40px; }.intro h1 { letter-spacing:-1.5px; }
  .bonus-grid { grid-template-columns:1fr; }
  .bonus-copy { min-height:0; }.bonus-card { display:grid; grid-template-columns:1fr; }
}