:root{--bg:#0f1115;--panel:#181b22;--panel-hi:#1d2027;--line:#2a2e38;--text:#f4f5f7;--muted:#aab0bd;--faint:#6f7787;--accent:#e8b04b;--accent-ink:#1a1205;--good:#3ad07a;--radius:16px;--radius-sm:10px;--font-display:Georgia, "Times New Roman", serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.hdr{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1115e6;position:sticky;top:0}.hdr-in{align-items:center;gap:22px;height:64px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);font-size:22px;font-weight:700}.brand span{color:var(--text)}.nav{gap:18px;margin-left:8px;display:flex}.nav a{color:var(--muted);font-size:14px}.nav a:hover{color:var(--text)}.hdr-right{align-items:center;gap:14px;margin-left:auto;display:flex}.badge18{font-family:var(--font-body);color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.hero{padding:48px 0 26px}.hero h1{font-family:var(--font-display);margin:0 0 8px;font-size:40px}.hero p{color:var(--muted);margin:0;font-size:15px}.filters{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;padding:18px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:11px}.field select{background:var(--panel-hi);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;min-width:150px;padding:9px 12px;font-size:14px}.count{color:var(--muted);align-self:center;margin-left:auto;font-size:13px}.grid{grid-template-columns:1fr;gap:14px;padding-bottom:40px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:150px 1fr auto;align-items:center;gap:20px;padding:18px;display:grid}.card-logo{flex-direction:column;align-items:center;gap:8px;display:flex}.card-logo img{object-fit:contain;border-radius:var(--radius-sm);width:150px;height:60px}.rating{color:var(--accent);font-size:13px;font-weight:700}.card-mid{flex-direction:column;gap:8px;display:flex}.bonus-head{font-family:var(--font-display);font-size:20px;font-weight:700}.bonus-head .pct{color:var(--accent)}.meta-row{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:12.5px;display:flex}.meta-row b{color:var(--text)}.benefits{flex-direction:column;gap:3px;margin:2px 0 0;padding:0;list-style:none;display:flex}.benefits li{color:var(--muted);padding-left:16px;font-size:13px;position:relative}.benefits li:before{content:"✓";color:var(--good);position:absolute;left:0}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--muted);border:1px solid var(--line);background:var(--panel-hi);border-radius:999px;padding:2px 9px;font-size:11px}.card-cta{text-align:center;flex-direction:column;align-items:stretch;gap:8px;min-width:180px;display:flex}.code{color:var(--muted);font-size:12px}.code b{color:var(--accent);letter-spacing:.05em;font-family:ui-monospace,monospace}.btn-play{background:var(--accent);color:var(--accent-ink);letter-spacing:.03em;border-radius:var(--radius-sm);padding:13px 18px;font-size:15px;font-weight:800;transition:transform .1s,box-shadow .16s}.btn-play:hover{box-shadow:0 8px 26px -10px var(--accent);transform:translateY(-1px)}.tcs{color:var(--faint);font-size:11px}.tcs a{text-decoration:underline}.ftr{border-top:1px solid var(--line);color:var(--faint);margin-top:20px;padding:28px 0 40px;font-size:12.5px}.ftr-resp{color:var(--muted);margin-bottom:8px}.ftr a{text-decoration:underline}@media (max-width:820px){.card{text-align:center;grid-template-columns:1fr}.card-logo img{margin:0 auto}.meta-row,.benefits,.tags{justify-content:center}.hero h1{font-size:30px}}