@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg-base:#0f0f14;
  --bg-surface:#181820;
  --bg-raised:#1f1f2a;
  --border:#252535;
  --brand:#e8ff00;
  --brand-dim:rgba(232,255,0,0.09);
  --brand-dim2:rgba(232,255,0,0.05);
  --red:#e63946;
  --red-dim:rgba(230,57,70,0.10);
  --text-primary:#eeeef2;
  --text-secondary:#7a7a90;
  --text-inverse:#0f0f14;
  --font-display:'Barlow Condensed',system-ui,sans-serif;
  --font-sans:'Inter',system-ui,sans-serif;
  --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;
  --text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;
  --text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;
  --sp1:.25rem;--sp2:.5rem;--sp3:.75rem;--sp4:1rem;--sp5:1.25rem;
  --sp6:1.5rem;--sp8:2rem;--sp10:2.5rem;--sp12:3rem;--sp16:4rem;
  --sp20:5rem;--sp24:6rem;
  --container-max:1200px;
  --container-pad:clamp(1rem,5vw,2rem);
  --r-sm:4px;--r-md:10px;--r-lg:16px;
  --ease:cubic-bezier(.16,1,.3,1);
  --fast:120ms;--base:220ms;
}

html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}

.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}

/* ── NOTICE BAR ── */
.notice-bar{
  background:var(--brand);color:var(--text-inverse);
  font-size:var(--text-xs);font-weight:600;text-align:center;
  padding:var(--sp2) var(--sp4);letter-spacing:.02em;
  border-left:4px solid var(--red);
}

/* ── HEADER ── */
.site-header{position:sticky;top:0;z-index:100;background:transparent;
  border-bottom:1px solid transparent;
  transition:background var(--base) var(--ease),border-color var(--base) var(--ease)}
.site-header.scrolled{background:rgba(15,15,20,.96);backdrop-filter:blur(12px);border-color:var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo svg{height:22px;width:auto;display:block}

.site-nav{display:flex;align-items:center;gap:0}
.site-nav a{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);
  font-weight:500;padding:var(--sp2) var(--sp3);border-radius:var(--r-sm);
  position:relative;transition:color var(--fast)}
.site-nav a:hover{color:var(--text-primary)}
.site-nav a.active{color:var(--text-primary)}
.site-nav a.active::after{content:'';position:absolute;bottom:-1px;left:var(--sp3);
  right:var(--sp3);height:2px;background:var(--brand)}

.nav-toggle{display:none;background:none;border:1px solid var(--border);
  border-radius:var(--r-sm);padding:var(--sp2);cursor:pointer;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--text-primary);
  transition:transform var(--base) var(--ease),opacity var(--fast)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav{display:none;flex-direction:column;
  background:var(--bg-surface);border-bottom:1px solid var(--border);
  padding:var(--sp4) var(--container-pad);gap:var(--sp1)}
.mobile-nav.open{display:flex}
.mobile-nav a{color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);
  font-weight:500;padding:var(--sp3) var(--sp4);border-radius:var(--r-sm);
  transition:color var(--fast),background var(--fast)}
.mobile-nav a:hover{color:var(--text-primary);background:var(--brand-dim2)}

/* ── HERO (homepage) ── */
.hero{padding:var(--sp24) 0 var(--sp16);position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(232,255,0,.055) 0%,transparent 50%);
  pointer-events:none}
.hero-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:60px 60px;pointer-events:none;
  mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,black 30%,transparent 100%)}
.hero-inner{display:grid;grid-template-columns:60fr 40fr;gap:var(--sp16);
  align-items:center;position:relative;z-index:1}
.hero-content{}
.eyebrow{display:inline-block;font-family:var(--font-sans);font-size:var(--text-xs);
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);
  margin-bottom:var(--sp5)}
.hero h1{font-family:var(--font-display);font-size:clamp(3rem,6vw,5.5rem);
  font-weight:800;line-height:1.0;letter-spacing:.01em;margin-bottom:var(--sp6);
  text-transform:uppercase}
.hero h1 .accent{color:var(--brand)}
.hero-sub{font-size:var(--text-lg);color:var(--text-secondary);
  line-height:1.65;margin-bottom:var(--sp8);max-width:480px}
.hero-ctas{display:flex;gap:var(--sp4);flex-wrap:wrap}

/* ── BUTTONS ── */
.btn-primary{display:inline-flex;align-items:center;gap:var(--sp2);
  background:var(--brand);color:var(--text-inverse);font-size:var(--text-sm);
  font-weight:700;padding:12px 24px;border-radius:var(--r-md);
  text-decoration:none;transition:opacity var(--fast);letter-spacing:.01em}
.btn-primary:hover{opacity:.88}
.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp2);
  background:transparent;color:var(--text-secondary);font-size:var(--text-sm);
  font-weight:600;padding:12px 20px;border-radius:var(--r-md);
  text-decoration:none;border:1px solid var(--border);
  transition:color var(--fast),border-color var(--fast)}
.btn-ghost:hover{color:var(--text-primary);border-color:var(--brand)}

/* ── LIVE SCORE WIDGET ── */
.score-widget{background:var(--bg-surface);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;font-size:var(--text-sm)}
.widget-header{background:var(--bg-raised);padding:var(--sp3) var(--sp5);
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--border)}
.widget-title{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-secondary)}
.live-badge{display:flex;align-items:center;gap:6px;
  font-size:var(--text-xs);font-weight:700;color:var(--red);letter-spacing:.04em}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);
  animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.widget-match{padding:var(--sp5);border-bottom:1px solid var(--border)}
.widget-match:last-child{border-bottom:none}
.match-league{font-size:var(--text-xs);color:var(--text-secondary);
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp3)}
.match-row{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:var(--sp4)}
.match-team{font-weight:600;font-size:var(--text-sm)}
.match-score{font-family:var(--font-display);font-size:1.6rem;font-weight:800;
  color:var(--brand);letter-spacing:.02em;min-width:60px;text-align:center}
.match-time{font-size:var(--text-xs);color:var(--red);font-weight:600;text-align:center}
.odds-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp2)}
.odds-chip{background:var(--bg-raised);border:1px solid var(--border);
  border-radius:var(--r-sm);padding:var(--sp2) var(--sp3);text-align:center}
.odds-label{font-size:10px;color:var(--text-secondary);font-weight:600;display:block}
.odds-val{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);display:block;margin-top:1px}

/* ── SECTIONS ── */
section{padding:var(--sp24) 0}
.section-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:var(--sp3)}
.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);
  font-weight:800;text-transform:uppercase;letter-spacing:.01em;
  line-height:1.1;margin-bottom:var(--sp4)}
.section-desc{font-size:var(--text-lg);color:var(--text-secondary);
  max-width:540px;line-height:1.65;margin-bottom:var(--sp12)}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}

/* ── GRIDS ── */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp6)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp8)}
.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp4)}

/* ── STAT ROW ── */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;
  margin-bottom:var(--sp12)}
.stat-item{padding:var(--sp8) var(--sp6);text-align:center;
  border-right:1px solid var(--border)}
.stat-item:last-child{border-right:none}
.stat-num{font-family:var(--font-display);font-size:var(--text-6xl);
  font-weight:800;color:var(--brand);line-height:1;display:block;margin-bottom:var(--sp2)}
.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}

/* ── SPORT TILES ── */
.sport-tile{background:var(--bg-surface);border:1px solid var(--border);
  border-radius:var(--r-md);padding:var(--sp5) var(--sp4);
  display:flex;flex-direction:column;align-items:center;gap:var(--sp3);
  text-align:center;transition:border-color var(--base) var(--ease),background var(--base) var(--ease);
  cursor:default}
.sport-tile:hover{border-color:var(--brand);background:var(--brand-dim)}
.sport-tile.active{border-color:var(--brand);background:var(--brand-dim)}
.sport-tile svg{width:28px;height:28px;color:var(--text-secondary);
  transition:color var(--base) var(--ease)}
.sport-tile:hover svg,.sport-tile.active svg{color:var(--brand)}
.sport-tile span{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);
  text-transform:uppercase;letter-spacing:.04em;transition:color var(--base) var(--ease)}
.sport-tile:hover span,.sport-tile.active span{color:var(--text-primary)}

/* ── CALLOUT BLOCK ── */
.callout-block{background:var(--bg-raised);border:1px solid var(--border);
  border-left:3px solid var(--red);border-radius:var(--r-md);
  padding:var(--sp6) var(--sp8);margin-top:var(--sp8)}
.callout-block h3{font-family:var(--font-display);font-size:var(--text-2xl);
  font-weight:800;text-transform:uppercase;margin-bottom:var(--sp3)}
.callout-block p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}

/* ── FEATURE CARD ── */
.feature-card{background:var(--bg-surface);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:var(--sp8);
  transition:border-color var(--base) var(--ease),background var(--base) var(--ease),transform var(--base) var(--ease)}
.feature-card:hover{border-color:var(--brand);background:var(--brand-dim);transform:translateY(-2px)}
.card-icon{width:46px;height:46px;background:var(--brand-dim);border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp5)}
.card-icon svg{width:22px;height:22px;color:var(--brand)}
.feature-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--sp3)}
.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}
.feature-card .wagering-note{font-size:var(--text-xs);color:var(--text-secondary);
  font-style:italic;margin-top:var(--sp4);opacity:.7}

/* ── CASINO INLINE ── */
.casino-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp4)}
.casino-item{background:var(--bg-surface);border:1px solid var(--border);
  border-radius:var(--r-md);padding:var(--sp5);
  display:flex;align-items:flex-start;gap:var(--sp4)}
.casino-item svg{width:20px;height:20px;color:var(--brand);flex-shrink:0;margin-top:2px}
.casino-item h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--sp1)}
.casino-item p{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.55}

/* ── PAYMENTS ── */
.payment-row{display:flex;flex-wrap:wrap;gap:var(--sp4);margin-bottom:var(--sp8)}
.payment-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp2);
  background:var(--bg-surface);border:1px solid var(--border);
  border-radius:var(--r-md);padding:var(--sp4) var(--sp5);min-width:90px;
  transition:border-color var(--fast)}
.payment-item:hover{border-color:var(--brand)}
.payment-item.highlight{border-color:var(--brand);background:var(--brand-dim)}
.payment-item svg{width:32px;height:20px;color:var(--text-secondary)}
.payment-item span{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}
.payment-item.highlight span{color:var(--text-primary)}
.security-note{font-size:var(--text-sm);color:var(--text-secondary);
  padding-left:var(--sp4);border-left:2px solid var(--border);line-height:1.6}

/* ── RG TILES ── */
.rg-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp5);margin-bottom:var(--sp6)}
.rg-tile{background:var(--bg-surface);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:var(--sp6)}
.rg-tile-icon{width:42px;height:42px;background:var(--brand-dim);border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp4)}
.rg-tile-icon svg{width:20px;height:20px;color:var(--brand)}
.rg-tile h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--sp2)}
.rg-tile p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}
.rg-link{display:flex;align-items:center;gap:var(--sp3);font-size:var(--text-sm);color:var(--text-secondary)}
.rg-link a{color:var(--brand);text-decoration:none;font-weight:600;
  border-bottom:1px solid transparent;transition:border-color var(--fast)}
.rg-link a:hover{border-color:var(--brand)}

/* ── Figures ── */
figure{margin:var(--sp8) 0 0}
figure img{width:100%;height:auto;border-radius:var(--r-md);display:block}
figcaption{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-top:var(--sp3)}
.text-center{text-align:center}
.text-muted{color:var(--text-secondary);opacity:.6}
.mt-2{margin-top:var(--sp2)}

/* ── FAQ ── */
.faq-list{max-width:760px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--sp4);
  width:100%;background:none;border:none;color:var(--text-primary);
  font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;
  text-align:left;padding:var(--sp5) 0;cursor:pointer;transition:color var(--fast)}
.faq-q:hover{color:var(--brand)}
.faq-chevron{width:20px;height:20px;border:1px solid var(--border);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:transform var(--base) var(--ease),border-color var(--fast)}
.faq-chevron svg{width:10px;height:10px;transition:transform var(--base) var(--ease)}
.faq-item.open .faq-q{color:var(--brand)}
.faq-item.open .faq-chevron{border-color:var(--brand)}
.faq-item.open .faq-chevron svg{transform:rotate(90deg)}
.faq-a{overflow:hidden;max-height:0;opacity:0;
  transition:max-height var(--base) var(--ease),opacity var(--base)}
.faq-item.open .faq-a{opacity:1}
.faq-a p{color:var(--text-secondary);font-size:var(--text-sm);
  line-height:1.75;padding-bottom:var(--sp5)}

/* ── FOOTER ── */
.site-footer{background:var(--bg-surface);border-top:1px solid var(--border);
  padding:var(--sp16) 0 var(--sp8)}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--sp12);
  margin-bottom:var(--sp12)}
.footer-brand .logo{margin-bottom:var(--sp4);display:inline-flex}
.footer-brand p{font-size:var(--text-sm);color:var(--text-secondary);
  line-height:1.65;max-width:300px}
.footer-col h4{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp4)}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--sp3)}
.footer-col ul a{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);
  transition:color var(--fast)}
.footer-col ul a:hover{color:var(--text-primary)}
.footer-bottom{border-top:1px solid var(--border);padding-top:var(--sp8);
  display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp6);flex-wrap:wrap}
.footer-legal{font-size:var(--text-xs);color:var(--text-secondary);
  line-height:1.65;max-width:640px;opacity:.65}
.footer-copy{font-size:var(--text-xs);color:var(--text-secondary);opacity:.45;white-space:nowrap}

/* ── INNER PAGE HERO ── */
.page-hero{padding:var(--sp16) 0 var(--sp12);
  border-bottom:1px solid var(--border);background:var(--bg-surface)}
.page-hero .breadcrumb{font-size:var(--text-sm);color:var(--text-secondary);
  margin-bottom:var(--sp6);display:flex;align-items:center;gap:var(--sp2)}
.page-hero .breadcrumb a{color:var(--text-secondary);text-decoration:none;
  transition:color var(--fast)}
.page-hero .breadcrumb a:hover{color:var(--brand)}
.page-hero .breadcrumb span{color:var(--border)}
.page-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.6rem);
  font-weight:800;text-transform:uppercase;letter-spacing:.01em;
  line-height:1.05;margin-bottom:var(--sp4)}
.page-hero h1 .accent{color:var(--brand)}
.page-hero .lead{font-size:var(--text-lg);color:var(--text-secondary);
  max-width:600px;line-height:1.65}

/* ── INNER PAGE CONTENT ── */
.page-content{padding:var(--sp16) 0}
.page-content section{padding:var(--sp12) 0}
.page-content section:first-child{padding-top:0}

/* ── STEPS LIST ── */
.steps-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp5);
  max-width:640px}
.step-item{display:flex;gap:var(--sp5);align-items:flex-start}
.step-num{width:36px;height:36px;background:var(--brand-dim);border:1px solid var(--brand);
  border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--brand)}
.step-body h4{font-size:var(--text-base);font-weight:700;margin-bottom:var(--sp1)}
.step-body p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}

/* ── TABLE ── */
.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-bottom:var(--sp6)}
.data-table th{text-align:left;padding:var(--sp3) var(--sp5);
  background:var(--bg-raised);color:var(--text-secondary);font-weight:600;
  border-bottom:1px solid var(--border)}
.data-table td{padding:var(--sp3) var(--sp5);color:var(--text-secondary);
  border-bottom:1px solid var(--border)}
.data-table tr:hover td{background:var(--bg-raised)}
.data-table td strong{color:var(--text-primary)}

/* ── DISCLAIMER ── */
.disclaimer{font-size:var(--text-xs);color:var(--text-secondary);
  border-left:2px solid var(--border);padding-left:var(--sp4);
  line-height:1.65;opacity:.7;margin-top:var(--sp8)}

/* ── LEGAL PAGE ── */
.legal-page{max-width:760px;padding:var(--sp16) 0}
.legal-page h1{font-family:var(--font-display);font-size:var(--text-4xl);
  font-weight:800;text-transform:uppercase;margin-bottom:var(--sp2)}
.legal-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp12)}
.legal-page h2{font-family:var(--font-display);font-size:var(--text-2xl);
  font-weight:800;text-transform:uppercase;margin:var(--sp10) 0 var(--sp4)}
.legal-page p{color:var(--text-secondary);line-height:1.75;margin-bottom:var(--sp4)}
.legal-page ul{color:var(--text-secondary);line-height:1.75;
  padding-left:var(--sp6);margin-bottom:var(--sp4)}
.legal-page ul li{margin-bottom:var(--sp2)}
.legal-page .breadcrumb{font-size:var(--text-sm);margin-bottom:var(--sp8)}
.legal-page .breadcrumb a{color:var(--brand);text-decoration:none}
.legal-page .breadcrumb a:hover{text-decoration:underline}
.cookie-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-bottom:var(--sp8)}
.cookie-table th{text-align:left;padding:var(--sp3) var(--sp4);
  background:var(--bg-raised);color:var(--text-secondary);font-weight:600;
  border-bottom:1px solid var(--border)}
.cookie-table td{padding:var(--sp3) var(--sp4);color:var(--text-secondary);
  border-bottom:1px solid var(--border);vertical-align:top}

/* ── BONUS SECTION ── */
.bonus-disclaimer{font-size:var(--text-xs);color:var(--text-secondary);
  padding:var(--sp4) var(--sp5);background:var(--bg-raised);border-radius:var(--r-md);
  border-left:2px solid var(--border);margin-top:var(--sp8);line-height:1.65;opacity:.75}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-6{grid-template-columns:repeat(3,1fr)}
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-sub{max-width:100%}
  .hero-ctas{justify-content:center}
  .casino-inline{grid-template-columns:1fr}
  .rg-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .stat-row{grid-template-columns:1fr}
  .stat-item{border-right:none;border-bottom:1px solid var(--border)}
  .stat-item:last-child{border-bottom:none}
}
@media(max-width:640px){
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-6{grid-template-columns:repeat(2,1fr)}
  .site-nav{display:none}
  .nav-toggle{display:flex}
  section{padding:var(--sp16) 0}
  .hero{padding:var(--sp16) 0 var(--sp12)}
  .hero h1{font-size:2.6rem}
  .footer-inner{grid-template-columns:1fr;gap:var(--sp8)}
  .footer-bottom{flex-direction:column;gap:var(--sp4)}
  .casino-inline{grid-template-columns:1fr}
  .page-hero-ctas{gap:var(--sp2)}
}

/* ── AUTH BUTTONS ── */
.header-actions{display:flex;align-items:center;gap:var(--sp2);margin-left:var(--sp3)}
.btn-login{display:inline-flex;align-items:center;color:var(--text-secondary);
  font-size:var(--text-sm);font-weight:500;padding:6px 14px;border-radius:var(--r-sm);
  text-decoration:none;border:1px solid var(--border);white-space:nowrap;
  transition:color var(--fast),border-color var(--fast)}
.btn-login:hover{color:var(--text-primary);border-color:var(--brand)}
.btn-register{display:inline-flex;align-items:center;background:var(--brand);
  color:#0f0f14;font-size:var(--text-sm);font-weight:700;padding:6px 14px;
  border-radius:var(--r-sm);text-decoration:none;white-space:nowrap;
  transition:opacity var(--fast)}
.btn-register:hover{opacity:.85}
.mobile-nav-actions{display:flex;gap:var(--sp2);padding:var(--sp3) 0 var(--sp2);
  border-top:1px solid var(--border);margin-top:var(--sp2)}
.mobile-nav-actions .btn-login,
.mobile-nav-actions .btn-register{flex:1;justify-content:center;padding:10px 12px}
.page-hero-ctas{display:flex;gap:var(--sp3);flex-wrap:wrap;margin-top:var(--sp8)}
@media(max-width:640px){.header-actions{display:none}}


/* Payment method footer strip (mandatory, informational) — markup M3 */
.footer-payments{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.footer-payments figure{margin:0;line-height:0}
.footer-payments img{height:28px;width:auto;opacity:.55}

/* Footer trust badges (BeGambleAware / Graj Odpowiedzialnie / Anonimowi Hazardziści) */
.pm-trust-badges{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px}
.pm-trust-badges img{opacity:.75;transition:opacity .2s ease}
.pm-trust-badges a:hover img{opacity:1}