/* ============================================================
   SUPERBET CASINO — assets/styles.css  (ALL WHITE)
   ============================================================ */

/* ---- RESET & BASE ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { overflow-x: hidden; width: 100%; scroll-behavior: smooth; }
body {
  font-family: 'Montserrat', sans-serif;
  background: #ffffff;
  color: #111416;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

:root {
  --red: #C50003;
  --dark: #111416;
  --white: #ffffff;
  --border: #e2e4e6;
  --text-muted: #666;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-btn: 0 4px 20px rgba(197,0,3,0.4);
  --shadow-card: 0 2px 14px rgba(17,20,22,0.07);
  --transition: 0.25s ease;
  --container: 1200px;
}

.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 20px; }
h1,h2,h3,h4,h5,h6 { font-family:'Bebas Neue',sans-serif; letter-spacing:.04em; line-height:1.15; overflow-wrap:anywhere; word-break:break-word; }
p { overflow-wrap:anywhere; word-break:break-word; hyphens:auto; }

/* BUTTONS */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:'Montserrat',sans-serif; font-weight:900; font-size:1rem; min-height:48px; padding:12px 28px; border-radius:var(--radius-sm); border:none; cursor:pointer; text-transform:uppercase; letter-spacing:.06em; transition:transform var(--transition),box-shadow var(--transition),background var(--transition); white-space:nowrap; min-width:0; }
.btn--primary { background:var(--red); color:#fff; box-shadow:var(--shadow-btn); border:2px solid transparent; }
.btn--primary:hover,.btn--primary:focus-visible { background:#a30002; transform:translateY(-2px) scale(1.02); box-shadow:0 8px 32px rgba(197,0,3,.55); }
.btn--primary:active { transform:translateY(0) scale(.98); }
.btn--ghost { background:#fff; color:var(--dark); border:2px solid var(--border); box-shadow:var(--shadow-card); }
.btn--ghost:hover,.btn--ghost:focus-visible { border-color:var(--red); color:var(--red); transform:translateY(-2px); }
.btn--lg { font-size:1.05rem; padding:14px 36px; min-height:52px; }
.btn--xl { font-size:1.15rem; padding:16px 44px; min-height:56px; }

/* MEDIA */
.media,.mediaCard { overflow:hidden; border-radius:var(--radius); border:2px solid var(--border); background:#fff; max-width:100%; }
.media img,.mediaCard img { width:100%; max-width:100%; height:auto; display:block; object-fit:contain; max-height:480px; }
.media-link { display:block; max-width:100%; }
.media-link:hover .mediaCard { border-color:var(--red); box-shadow:0 4px 20px rgba(197,0,3,.12); transition:border-color var(--transition),box-shadow var(--transition); }

/* SECTIONS */
.section { padding:80px 0; background:#ffffff; }
.section-title { font-size:clamp(2rem,5vw,3.2rem); text-align:center; margin-bottom:16px; color:var(--dark); }
.section-title--light { color:var(--dark); }
.section-subtitle { font-size:clamp(.95rem,2vw,1.1rem); text-align:center; max-width:720px; margin:0 auto 48px; color:var(--text-muted); font-weight:500; }
.section-subtitle--light { color:var(--text-muted); }
.section-cta { text-align:center; margin-top:48px; }

/* HEADER */
.site-header { position:sticky; top:0; z-index:1000; background:#ffffff; border-bottom:3px solid var(--red); box-shadow:0 2px 12px rgba(17,20,22,.08); }
.header-inner { display:flex; align-items:center; gap:24px; height:70px; }
.header-logo { flex-shrink:0; }
.logo-img { height:44px; width:auto; max-width:160px; object-fit:contain; display:block; }
.main-nav { flex:1; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.main-nav::-webkit-scrollbar { display:none; }
.nav-list { display:flex; align-items:center; gap:4px; white-space:nowrap; min-width:0; }
.nav-link { display:block; padding:8px 14px; font-size:.875rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#444; border-radius:var(--radius-sm); transition:color var(--transition),background var(--transition); }
.nav-link:hover { color:var(--red); background:rgba(197,0,3,.05); }
.header-cta { flex-shrink:0; font-size:.875rem; padding:10px 22px; min-height:40px; }
.burger { display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:42px; height:42px; background:transparent; border:2px solid var(--border); border-radius:var(--radius-sm); cursor:pointer; flex-shrink:0; transition:border-color var(--transition); }
.burger:hover { border-color:var(--red); }
.burger span { display:block; width:22px; height:2px; background:var(--dark); border-radius:2px; }

/* MOBILE NAV */
.mobile-nav-overlay { display:none; position:fixed; inset:0; z-index:2000; background:#ffffff; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:40px 24px; }
.mobile-nav-overlay.open { display:flex; }
.mobile-nav-close { position:absolute; top:20px; right:20px; background:transparent; border:2px solid var(--border); color:var(--dark); width:44px; height:44px; border-radius:50%; font-size:1.2rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color var(--transition),color var(--transition); }
.mobile-nav-close:hover { border-color:var(--red); color:var(--red); }
.mobile-nav-list { display:flex; flex-direction:column; gap:12px; width:100%; max-width:360px; }
.mobile-nav-link { display:block; padding:16px 24px; font-family:'Bebas Neue',sans-serif; font-size:1.6rem; letter-spacing:.1em; color:var(--dark); text-align:center; border-radius:var(--radius-sm); border:1px solid var(--border); transition:background var(--transition),border-color var(--transition),color var(--transition); }
.mobile-nav-link:hover { background:rgba(197,0,3,.04); border-color:var(--red); color:var(--red); }
.mobile-nav-cta { width:100%; max-width:360px; margin-top:8px; font-size:1.1rem; }

/* HERO */
.hero { background:#ffffff; padding:0 0 60px; }
.hero-banner { width:100%; max-width:100%; overflow:hidden; line-height:0; }
.hero-banner-link { display:block; width:100%; }
.hero-banner-img { width:100%; max-width:100%; height:auto; max-height:520px; object-fit:cover; display:block; }
.hero-content { padding-top:48px; text-align:center; }
.hero-badge { display:inline-block; background:rgba(197,0,3,.07); border:1px solid rgba(197,0,3,.25); color:var(--red); font-size:.85rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; padding:6px 16px; border-radius:40px; margin-bottom:20px; }
.hero-title { display:flex; flex-direction:column; align-items:center; gap:0; margin-bottom:16px; }
.hero-title-line1 { font-size:clamp(2rem,6vw,4rem); color:#555; display:block; line-height:1.1; }
.hero-title-sports { font-size:clamp(2.8rem,8vw,6rem); color:var(--dark); display:block; line-height:1.05; letter-spacing:.06em; }
.hero-title-offer { font-size:clamp(3.5rem,12vw,8.5rem); color:var(--red); display:block; line-height:1; letter-spacing:.02em; }
.hero-title-offer em { font-style:normal; font-size:.55em; color:#555; display:block; line-height:1.4; }
.hero-wager { font-size:clamp(1rem,2.5vw,1.3rem); color:#444; margin-bottom:32px; font-weight:600; }
.hero-wager strong { color:var(--dark); }
.hero-actions { display:flex; flex-wrap:wrap; gap:16px; justify-content:center; margin-bottom:24px; }
.hero-disclaimer { font-size:.78rem; color:#aaa; font-weight:500; }

/* ADVANTAGES */
.advantages { background:#ffffff; border-top:1px solid var(--border); }
.advantages-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.advantage-card { background:#ffffff; border-radius:var(--radius); padding:32px 24px; border:1px solid var(--border); box-shadow:var(--shadow-card); transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition); min-width:0; }
.advantage-card:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(17,20,22,.1); border-color:var(--red); }
.advantage-icon { font-size:2.2rem; margin-bottom:16px; }
.advantage-title { font-size:1.25rem; margin-bottom:10px; color:var(--dark); }
.advantage-text { font-size:.9rem; color:var(--text-muted); line-height:1.65; }

/* BONUSES */
.bonuses { background:#ffffff; border-top:1px solid var(--border); }
.bonuses-hero-card { display:flex; align-items:center; gap:24px; flex-wrap:wrap; background:#fff; border:2px solid var(--red); border-radius:var(--radius); padding:36px 40px; margin-bottom:40px; position:relative; box-shadow:0 4px 24px rgba(197,0,3,.1); min-width:0; }
.bonuses-hero-badge { position:absolute; top:-14px; left:32px; background:var(--red); color:#fff; font-size:.78rem; font-weight:900; letter-spacing:.12em; padding:4px 16px; border-radius:40px; text-transform:uppercase; white-space:nowrap; }
.bonuses-hero-text { flex:1; min-width:0; }
.bonuses-hero-title { font-size:clamp(1.6rem,4vw,2.6rem); color:var(--dark); margin-bottom:8px; }
.bonuses-hero-offer { font-size:clamp(2rem,6vw,4rem); color:var(--red); font-family:'Bebas Neue',sans-serif; letter-spacing:.04em; line-height:1.1; margin-bottom:6px; }
.highlight-amount { color:var(--red); font-size:1.1em; }
.bonuses-hero-wager { font-size:1rem; color:#555; font-weight:600; }
.bonuses-hero-wager strong { color:var(--dark); }
.bonuses-img-wrap { margin-bottom:40px; }
.promo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.promo-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:28px 24px; box-shadow:var(--shadow-card); transition:border-color var(--transition),box-shadow var(--transition); min-width:0; }
.promo-card:hover { border-color:var(--red); box-shadow:0 6px 24px rgba(197,0,3,.08); }
.promo-icon { font-size:2rem; margin-bottom:12px; }
.promo-card-title { font-size:1.2rem; color:var(--dark); margin-bottom:10px; }
.promo-card-text { font-size:.88rem; color:var(--text-muted); line-height:1.65; }

/* HOW TO */
.how-to { background:#ffffff; border-top:1px solid var(--border); }
.steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.step-card { background:#fff; border-radius:var(--radius); padding:36px 28px; border:1px solid var(--border); box-shadow:var(--shadow-card); position:relative; overflow:hidden; min-width:0; transition:transform var(--transition),box-shadow var(--transition); }
.step-card:hover { transform:translateY(-4px); box-shadow:0 12px 36px rgba(17,20,22,.1); }
.step-number { font-family:'Bebas Neue',sans-serif; font-size:5rem; color:rgba(197,0,3,.06); line-height:1; position:absolute; top:12px; right:20px; pointer-events:none; user-select:none; }
.step-title { font-size:1.3rem; color:var(--dark); margin-bottom:12px; }
.step-title::before { content:''; display:block; width:40px; height:4px; background:var(--red); border-radius:2px; margin-bottom:12px; }
.step-text { font-size:.9rem; color:var(--text-muted); line-height:1.65; }

/* SPORTS */
.sports { background:#ffffff; border-top:1px solid var(--border); }
.sports-img-wrap { margin-bottom:40px; }
.sports-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:40px; }
.sport-card { display:block; background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:24px 20px; text-align:center; box-shadow:var(--shadow-card); transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition); min-width:0; }
.sport-card:hover { border-color:var(--red); box-shadow:0 8px 28px rgba(197,0,3,.1); transform:translateY(-3px); }
.sport-icon { font-size:2.4rem; margin-bottom:12px; display:block; }
.sport-name { font-size:1.1rem; color:var(--dark); margin-bottom:8px; }
.sport-desc { font-size:.82rem; color:var(--text-muted); line-height:1.6; }
.sports-feature-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; background:#fff; border:2px solid var(--red); border-radius:var(--radius); padding:28px; }
.sports-feature { display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; min-width:0; }
.sports-feature-num { font-family:'Bebas Neue',sans-serif; font-size:clamp(1.6rem,3vw,2.4rem); color:var(--red); letter-spacing:.04em; line-height:1.1; }
.sports-feature-label { font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#555; }

/* CASINO */
.casino { background:#ffffff; border-top:1px solid var(--border); }
.casino-img-wrap { margin-bottom:40px; }
.casino-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-bottom:40px; }
.casino-cat { display:block; background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:28px 24px; box-shadow:var(--shadow-card); transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition); min-width:0; }
.casino-cat:hover { border-color:var(--red); transform:translateY(-4px); box-shadow:0 12px 36px rgba(197,0,3,.1); }
.casino-cat-icon { font-size:2.2rem; margin-bottom:12px; }
.casino-cat-name { font-size:1.3rem; color:var(--dark); margin-bottom:10px; }
.casino-cat-desc { font-size:.88rem; color:var(--text-muted); line-height:1.65; }
.providers-row { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:24px 28px; display:flex; align-items:center; flex-wrap:wrap; gap:16px; box-shadow:var(--shadow-card); }
.providers-label { font-size:.88rem; font-weight:700; color:#444; white-space:nowrap; }
.providers-list { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.provider-tag { display:inline-block; background:#fff; border:1px solid var(--border); color:#444; font-size:.78rem; font-weight:700; padding:5px 12px; border-radius:40px; white-space:nowrap; transition:border-color var(--transition),color var(--transition); }
.provider-tag:hover { border-color:var(--red); color:var(--red); }

/* MOBILE SECTION */
.mobile-sec { background:#ffffff; border-top:1px solid var(--border); }
.mobile-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.mobile-feat { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:28px 24px; min-width:0; box-shadow:var(--shadow-card); transition:border-color var(--transition),box-shadow var(--transition); }
.mobile-feat:hover { border-color:var(--red); box-shadow:0 8px 28px rgba(197,0,3,.08); }
.mobile-feat-icon { font-size:2.2rem; margin-bottom:14px; }
.mobile-feat-title { font-size:1.2rem; color:var(--dark); margin-bottom:10px; }
.mobile-feat-text { font-size:.88rem; color:var(--text-muted); line-height:1.65; }

/* PAYMENTS */
.payments { background:#ffffff; border-top:1px solid var(--border); }
.payments-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:var(--radius); box-shadow:var(--shadow-card); margin-bottom:28px; max-width:100%; border:1px solid var(--border); }
.payments-table { width:100%; table-layout:fixed; border-collapse:collapse; background:#fff; font-size:.9rem; min-width:0; }
.payments-table th,.payments-table td { padding:14px 18px; text-align:left; border-bottom:1px solid var(--border); overflow-wrap:anywhere; word-break:break-word; hyphens:auto; min-width:0; }
.payments-table th { background:#fff; color:var(--dark); font-family:'Bebas Neue',sans-serif; font-size:1rem; letter-spacing:.06em; text-transform:uppercase; border-bottom:2px solid var(--red); }
.payments-table tbody tr:nth-child(even) { background:#fafafa; }
.payments-table tbody tr:last-child td { border-bottom:none; }
.payments-table tbody tr:hover { background:rgba(197,0,3,.03); }
.payments-notes { font-size:.88rem; color:var(--text-muted); background:#fff; border-left:4px solid var(--red); padding:16px 20px; border-radius:0 var(--radius-sm) var(--radius-sm) 0; border:1px solid var(--border); border-left:4px solid var(--red); }

/* SUPPORT */
.support { background:#ffffff; border-top:1px solid var(--border); }
.support-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:40px; }
.support-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:32px 24px; min-width:0; box-shadow:var(--shadow-card); transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition); }
.support-card:hover { border-color:var(--red); box-shadow:0 8px 28px rgba(197,0,3,.08); transform:translateY(-3px); }
.support-icon { font-size:2.4rem; margin-bottom:14px; }
.support-title { font-size:1.2rem; color:var(--dark); margin-bottom:10px; }
.support-text { font-size:.88rem; color:var(--text-muted); line-height:1.65; }
.responsible-box { background:#fff; border:1px solid rgba(197,0,3,.2); border-left:4px solid var(--red); border-radius:var(--radius); padding:28px 32px; min-width:0; }
.responsible-title { font-size:1.2rem; color:var(--dark); margin-bottom:10px; }
.responsible-text { font-size:.9rem; color:#555; line-height:1.7; }

/* FAQ */
.faq { background:#ffffff; border-top:1px solid var(--border); }
.faq-list { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.faq-item { background:#fff; border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; box-shadow:var(--shadow-card); transition:border-color var(--transition); }
.faq-item:hover { border-color:var(--red); }
.faq-question { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border:none; cursor:pointer; padding:20px 24px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:.95rem; color:var(--dark); text-align:left; transition:background var(--transition),color var(--transition); overflow-wrap:anywhere; word-break:break-word; min-width:0; }
.faq-question:hover { background:rgba(197,0,3,.03); }
.faq-question[aria-expanded="true"] { color:var(--red); }
.faq-question[aria-expanded="true"] .faq-arrow { transform:rotate(180deg); }
.faq-arrow { flex-shrink:0; font-size:.8rem; color:var(--red); transition:transform var(--transition); }
.faq-answer { display:none; padding:0 24px 20px; background:#fff; }
.faq-answer.open { display:block; }
.faq-answer p { font-size:.9rem; color:#555; line-height:1.7; }

/* FINAL CTA */
.final-cta { background:#ffffff; border-top:1px solid var(--border); }
.final-cta-inner { text-align:center; max-width:760px; margin:0 auto; }
.final-cta-title { font-size:clamp(2.2rem,6vw,4rem); color:var(--dark); margin-bottom:16px; }
.final-cta-subtitle { font-size:clamp(.95rem,2vw,1.1rem); color:var(--text-muted); margin-bottom:36px; font-weight:500; }
.final-cta-bonus { display:inline-flex; flex-direction:column; align-items:center; gap:6px; background:#fff; border:2px solid var(--red); border-radius:var(--radius); padding:24px 40px; margin-bottom:36px; max-width:100%; }
.final-cta-bonus-label { font-size:.85rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#555; }
.final-cta-bonus-amount { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.5rem,8vw,5rem); color:var(--red); letter-spacing:.04em; line-height:1; }
.final-cta-bonus-wager { font-size:.95rem; color:var(--dark); font-weight:600; }
.final-cta-actions { display:flex; flex-wrap:wrap; gap:16px; justify-content:center; margin-bottom:24px; }
.final-cta-disclaimer { font-size:.78rem; color:#aaa; font-weight:500; }

/* FOOTER */
.site-footer { background:#ffffff; border-top:3px solid var(--red); padding:60px 0 0; }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid var(--border); min-width:0; }
.footer-brand { min-width:0; }
.footer-logo-link { display:inline-block; margin-bottom:20px; }
.footer-logo-img { height:52px; width:auto; max-width:200px; object-fit:contain; }
.footer-desc { font-size:.88rem; color:var(--text-muted); line-height:1.7; }
.footer-col-title { font-family:'Bebas Neue',sans-serif; font-size:1.1rem; letter-spacing:.08em; color:var(--dark); margin-bottom:16px; text-transform:uppercase; }
.footer-links { display:flex; flex-direction:column; gap:8px; }
.footer-link { font-size:.88rem; color:var(--text-muted); font-weight:500; transition:color var(--transition); }
.footer-link:hover { color:var(--red); }
.footer-mid { padding:32px 0; border-bottom:1px solid var(--border); }
.footer-img-wrap { max-width:600px; margin:0 auto; }
.footer-img { max-height:220px; object-fit:contain; }
.footer-bottom { padding:28px 0; }
.footer-legal { font-size:.78rem; color:#aaa; line-height:1.7; margin-bottom:12px; }
.footer-18 { font-size:1.1rem; font-weight:900; color:#999; }

/* CATFISH */
.catfish { position:fixed; bottom:0; left:0; right:0; z-index:900; background:#ffffff; border-top:3px solid var(--red); box-shadow:0 -2px 16px rgba(17,20,22,.1); padding:12px 0; padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)); transition:transform .3s ease,opacity .3s ease; }
.catfish.hidden { transform:translateY(110%); opacity:0; pointer-events:none; }
.catfish-inner { max-width:calc(var(--container) - 40px); margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:16px; flex-wrap:nowrap; min-width:0; }
.catfish-text { flex:1; font-size:clamp(.78rem,2vw,.95rem); color:#444; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.catfish-text strong { color:var(--dark); }
.catfish-btn { flex-shrink:0; font-size:.85rem; padding:10px 20px; min-height:40px; }
.catfish-close { flex-shrink:0; background:transparent; border:1px solid var(--border); color:#888; width:32px; height:32px; border-radius:50%; font-size:.75rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color var(--transition),color var(--transition); }
.catfish-close:hover { border-color:var(--red); color:var(--red); }

/* EXIT POPUP */
.exit-overlay { display:none; position:fixed; inset:0; z-index:3000; background:rgba(0,0,0,.4); align-items:center; justify-content:center; padding:20px; backdrop-filter:blur(4px); }
.exit-overlay.open { display:flex; }
.exit-popup { background:#ffffff; border:2px solid var(--red); border-radius:var(--radius); padding:48px 40px; max-width:520px; width:100%; text-align:center; position:relative; box-shadow:0 16px 60px rgba(197,0,3,.15); max-height:90vh; overflow-y:auto; min-width:0; }
.exit-close { position:absolute; top:16px; right:16px; background:transparent; border:1px solid var(--border); color:#888; width:36px; height:36px; border-radius:50%; font-size:.9rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color var(--transition),color var(--transition); }
.exit-close:hover { border-color:var(--red); color:var(--red); }
.exit-popup-badge { display:inline-block; background:rgba(197,0,3,.07); border:1px solid rgba(197,0,3,.2); color:var(--red); font-size:.82rem; font-weight:900; text-transform:uppercase; letter-spacing:.1em; padding:6px 16px; border-radius:40px; margin-bottom:20px; }
.exit-popup-title { font-size:clamp(1.4rem,4vw,2rem); color:var(--dark); margin-bottom:24px; }
.exit-popup-offer { background:#fff8f8; border:1px solid rgba(197,0,3,.15); border-radius:var(--radius-sm); padding:20px 24px; margin-bottom:28px; min-width:0; }
.exit-popup-bonus { font-size:.9rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#555; margin-bottom:6px; }
.exit-popup-amount { font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,6vw,3.5rem); color:var(--red); letter-spacing:.04em; line-height:1.1; margin-bottom:6px; }
.exit-popup-wager { font-size:.95rem; color:#555; font-weight:600; }
.exit-popup-cta { width:100%; margin-bottom:16px; }
.exit-popup-dismiss { background:transparent; border:none; cursor:pointer; font-size:.8rem; color:#bbb; text-decoration:underline; font-family:'Montserrat',sans-serif; transition:color var(--transition); }
.exit-popup-dismiss:hover { color:#888; }

/* RESPONSIVE */
@media (max-width:992px) {
  .section { padding:60px 0; }
  .advantages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .steps-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sports-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sports-feature-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .casino-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .support-channels { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-top { grid-template-columns:1fr 1fr; gap:32px; }
  .footer-brand { grid-column:1 / -1; }
}
@media (max-width:768px) {
  .main-nav,.header-cta { display:none; }
  .burger { display:flex; }
  .section { padding:48px 0; }
  .hero { padding:0 0 48px; }
  .hero-banner-img { max-height:280px; }
  .hero-content { padding-top:32px; }
  .hero-actions { flex-direction:column; align-items:center; }
  .hero-actions .btn { width:100%; max-width:380px; }
  .section-cta .btn { width:100%; max-width:100%; }
  .advantages-grid,.steps-grid,.promo-grid,.casino-categories,.mobile-features,.support-channels { grid-template-columns:1fr; gap:16px; }
  .sports-grid { grid-template-columns:1fr; gap:14px; }
  .sports-feature-row { grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; }
  .bonuses-hero-card { flex-direction:column; text-align:center; padding:40px 24px 28px; gap:20px; }
  .bonuses-hero-card .btn { width:100%; }
  .providers-row { flex-direction:column; align-items:flex-start; }
  .footer-top { grid-template-columns:1fr; gap:28px; }
  .final-cta-actions { flex-direction:column; align-items:center; }
  .final-cta-actions .btn { width:100%; max-width:380px; }
  .final-cta-bonus { padding:20px 24px; }
  .payments-table th,.payments-table td { padding:10px 12px; font-size:.82rem; }
  .catfish-text { white-space:normal; font-size:.78rem; }
  .catfish-inner { flex-wrap:wrap; gap:10px; }
  .catfish-btn { width:calc(100% - 48px); }
  .exit-popup { padding:36px 24px 28px; }
}
@media (max-width:480px) {
  .section { padding:36px 0; }
  .container { padding:0 14px; }
  .hero-banner-img { max-height:200px; }
  .hero-content { padding-top:24px; }
  .btn--xl { font-size:1rem; padding:14px 28px; }
  .sports-feature-row { grid-template-columns:1fr 1fr; gap:12px; padding:16px; }
  .faq-question { padding:16px; font-size:.88rem; }
  .faq-answer { padding:0 16px 16px; }
  .responsible-box { padding:20px 18px; }
  .footer-mid { padding:24px 0; }
  .footer-img { max-height:160px; }
  .exit-popup { padding:32px 18px 24px; }
  .exit-popup-title { font-size:1.3rem; }
}
@media (max-width:360px) {
  .hero-title-offer { font-size:3rem; }
  .hero-title-sports { font-size:2.4rem; }
  .btn--xl { font-size:.9rem; padding:12px 20px; }
}