*{ font-family:'Inter',sans-serif } .heading{ font-family:'Playfair Display',serif }
:root{ --casino-black:#0a0a0a; --casino-dark:#121212; --card:#151515; --border:rgba(255,255,255,.12); --gold:#d4af37 }
html{ scroll-behavior:smooth }
/* Header */
.header{ position:sticky; top:0; z-index:40; background:rgba(10,10,10,.85); backdrop-filter:blur(8px); border-bottom:1px solid var(--border) }
.header a{ text-decoration:none }
/* Cards */
.logoBox{ height:140px; border:1px solid var(--border); background:#0e0e0e; border-radius:14px; display:flex; align-items:center; justify-content:center; overflow:hidden }
.logoBox img{ max-width:100%; max-height:100%; object-fit:contain }
.card{ background:linear-gradient(180deg,#141414,#0f0f0f); border:1px solid var(--border); border-radius:18px; padding:16px; display:flex; flex-direction:column; min-height:320px; box-shadow:0 10px 24px rgba(0,0,0,.35) }
.meta .tag{ font-size:.75rem; border:1px solid var(--border); border-radius:999px; padding:4px 8px }
.btn{ display:inline-block; background:linear-gradient(45deg,var(--gold),#f4e4a6); color:#0a0a0a; font-weight:800; border-radius:12px; padding:10px 14px }
.btn.secondary{ background:transparent; color:#fff; border:1px solid var(--border) }
.section{ padding:56px 0 }
.footer{ text-align:center; color:#a9b1c6; font-size:.9rem; border-top:1px solid var(--border); padding:24px 0 }
.respRow{ display:flex; gap:18px; align-items:center; justify-content:center; flex-wrap:wrap }
.respRow img{ height:44px; display:block }
.badge18{ border:2px solid #fff; border-radius:999px; padding:2px 8px; font-weight:800; font-size:12px }