/* ============================================================
   CSS VARIABLES — BETesporte Brand
   ============================================================ */
:root {
    /* Core brand colors */
    --c-navy-deep:    #070F1B;
    --c-navy:         #0B1A2E;
    --c-navy-mid:     #0F2440;
    --c-navy-light:   #132D4A;
    --c-navy-lighter: #1A3A5C;

    /* Accent */
    --c-green:        #1DB954;
    --c-green-dark:   #17A349;
    --c-green-glow:   rgba(29,185,84,.25);
    --c-yellow:       #FFD600;
    --c-yellow-dark:  #E6C200;
    --c-yellow-glow:  rgba(255,214,0,.20);

    /* Neutral */
    --c-white:        #FFFFFF;
    --c-gray-100:     #F0F2F5;
    --c-gray-200:     #D8DCE2;
    --c-gray-400:     #8A94A6;
    --c-gray-600:     #4A5568;
    --c-text-dark:    #1A1A2E;

    /* Misc */
    --c-danger:       #FF4D4F;
    --c-info:         #3B82F6;

    /* Spacing */
    --sp-xs:  .25rem;
    --sp-sm:  .5rem;
    --sp-md:  1rem;
    --sp-lg:  1.5rem;
    --sp-xl:  2rem;
    --sp-2xl: 3rem;
    --sp-3xl: 4rem;
    --sp-4xl: 6rem;

    /* Typography */
    --ff: 'Outfit', system-ui, sans-serif;
    --fs-xs:   .75rem;
    --fs-sm:   .875rem;
    --fs-base: 1rem;
    --fs-lg:   1.125rem;
    --fs-xl:   1.25rem;
    --fs-2xl:  1.5rem;
    --fs-3xl:  2rem;
    --fs-4xl:  2.75rem;
    --fs-5xl:  3.5rem;

    /* Radius */
    --r-sm:  6px;
    --r-md:  10px;
    --r-lg:  16px;
    --r-xl:  24px;
    --r-full: 9999px;

    /* Shadows */
    --shadow-card: 0 2px 12px rgba(0,0,0,.08);
    --shadow-lift: 0 8px 30px rgba(0,0,0,.12);
    --shadow-glow-green: 0 0 24px var(--c-green-glow);
    --shadow-glow-yellow: 0 0 24px var(--c-yellow-glow);

    /* Transitions */
    --tr-fast:  .15s ease;
    --tr-base:  .3s ease;
    --tr-slow:  .5s ease;

    /* Layout */
    --max-w: 1200px;
    --header-h: 64px;
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    font-family:var(--ff);
    font-size:var(--fs-base);
    line-height:1.6;
    color:var(--c-white);
    background:var(--c-navy);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}

/* ============================================================
   UTILITIES
   ============================================================ */
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-lg)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
    display:inline-flex;align-items:center;justify-content:center;
    gap:var(--sp-sm);
    font-weight:700;font-size:var(--fs-sm);
    border-radius:var(--r-sm);
    padding:.625rem 1.25rem;
    transition:all var(--tr-base);
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.btn--primary{
    background:var(--c-green);color:#fff;
    box-shadow:var(--shadow-glow-green);
}
.btn--primary:hover{background:var(--c-green-dark);transform:translateY(-2px);box-shadow:0 0 32px var(--c-green-glow)}
.btn--green{
    background:var(--c-green);color:var(--c-white);
    box-shadow:var(--shadow-glow-green);
}
.btn--green:hover{background:var(--c-green-dark);transform:translateY(-2px)}
.btn--ghost{
    background:transparent;color:var(--c-white);
    border:1.5px solid rgba(255,255,255,.3);
}
.btn--ghost:hover{border-color:var(--c-white);background:rgba(255,255,255,.05)}
.btn--lg{font-size:var(--fs-base);padding:.875rem 2rem;border-radius:var(--r-md)}
.btn--sm{font-size:var(--fs-xs);padding:.5rem 1rem}
.btn--small{font-size:var(--fs-xs);padding:.375rem .75rem;border-radius:var(--r-sm);background:var(--c-green);color:#fff}
.btn--small:hover{background:var(--c-green-dark)}

/* Pulse effect */
.btn--pulse{animation:pulse-glow 2.5s infinite}
@keyframes pulse-glow{
    0%,100%{box-shadow:0 0 8px var(--c-green-glow)}
    50%{box-shadow:0 0 24px rgba(29,185,84,.45)}
}

/* Shine sweep */
.btn--shine{position:relative;overflow:hidden}
.btn--shine::after{
    content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);
    transition:none;
}
.btn--shine:hover::after{left:120%;transition:left .6s ease}

/* ============================================================
   HEADER
   ============================================================ */
.header{
    position:fixed;top:0;left:0;width:100%;z-index:100;
    background:var(--c-navy-deep);
    border-bottom:1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(12px);
    height:var(--header-h);
}
.header__inner{
    display:flex;align-items:center;justify-content:space-between;
    height:var(--header-h);
}
.logo{display:flex;align-items:center;gap:var(--sp-sm)}
.logo__img{height:13px;width:auto}

.nav--desktop{
    display:flex;gap:0;align-items:center;
    background:var(--c-green);
    border-radius:var(--r-full);
    padding:2px;
}
.nav--desktop a{
    font-size:var(--fs-xs);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.03em;
    padding:6px 14px;border-radius:var(--r-full);
    transition:background var(--tr-fast);
}
.nav--desktop a:hover{background:rgba(255,255,255,.18)}

.header__actions{display:flex;gap:var(--sp-sm);align-items:center}

/* Burger */
.burger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0}
.burger span{display:block;height:2px;background:var(--c-white);border-radius:2px;transition:var(--tr-fast)}

/* Mobile menu */
.nav--mobile{
    display:none;position:fixed;top:var(--header-h);left:0;width:100%;
    background:var(--c-navy-deep);
    border-top:1px solid rgba(255,255,255,.06);
    padding:var(--sp-lg);
    transform:translateY(-10px);opacity:0;
    transition:all var(--tr-base);
    pointer-events:none;
}
.nav--mobile.is-open{display:block;transform:translateY(0);opacity:1;pointer-events:all}
.nav--mobile nav{display:flex;flex-direction:column;gap:var(--sp-md)}
.nav--mobile a{font-size:var(--fs-lg);font-weight:600;padding:var(--sp-sm) 0;border-bottom:1px solid rgba(255,255,255,.06)}

/* ============================================================
   HERO
   ============================================================ */
.hero{
    position:relative;
    min-height:560px;
    display:flex;align-items:center;
    padding-top:calc(var(--header-h) + var(--sp-3xl));
    padding-bottom:var(--sp-3xl);
    overflow:hidden;
}
.hero__bg{
    position:absolute;inset:0;
    background:
        radial-gradient(ellipse 80% 60% at 20% 40%, rgba(29,185,84,.12) 0%, transparent 70%),
        radial-gradient(ellipse 60% 50% at 80% 30%, rgba(255,214,0,.08) 0%, transparent 70%),
        linear-gradient(180deg, var(--c-navy-deep) 0%, var(--c-navy) 100%);
}
.hero__overlay{
    position:absolute;inset:0;
    background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Floating orbs */
.hero__orb{
    position:absolute;border-radius:50%;filter:blur(80px);
    animation:orb-float 8s ease-in-out infinite alternate;
}
.hero__orb--1{width:300px;height:300px;top:-50px;left:-100px;background:rgba(29,185,84,.15)}
.hero__orb--2{width:250px;height:250px;bottom:-30px;right:-80px;background:rgba(255,214,0,.10);animation-delay:-3s}
.hero__orb--3{width:180px;height:180px;top:40%;left:60%;background:rgba(29,185,84,.08);animation-delay:-5s}
@keyframes orb-float{
    0%{transform:translate(0,0) scale(1)}
    100%{transform:translate(30px,-20px) scale(1.1)}
}

.hero__content{
    position:relative;z-index:2;
    display:grid;grid-template-columns:1fr auto;gap:var(--sp-3xl);
    align-items:center;
}
.hero__label{
    display:inline-block;
    background:var(--c-green);color:#fff;
    font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;
    padding:.375rem .875rem;border-radius:var(--r-full);
    margin-bottom:var(--sp-lg);
    animation:fade-in-up .6s ease both;
}
.hero__title{
    font-size:var(--fs-5xl);font-weight:900;line-height:1.05;
    margin-bottom:var(--sp-lg);
    background:linear-gradient(135deg,var(--c-white) 60%,var(--c-green));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    animation:fade-in-up .6s .1s ease both;
}
.hero__desc{
    font-size:var(--fs-lg);color:var(--c-gray-200);
    max-width:520px;margin-bottom:var(--sp-xl);
    animation:fade-in-up .6s .2s ease both;
}
.hero__cta{animation:fade-in-up .6s .3s ease both}
.hero__trust{
    display:flex;flex-wrap:wrap;gap:var(--sp-lg);margin-top:var(--sp-2xl);
    animation:fade-in-up .6s .4s ease both;
}
.hero__trust-item{
    font-size:var(--fs-sm);color:var(--c-gray-400);
    display:flex;align-items:center;gap:var(--sp-xs);
}
.hero__trust-item strong{color:var(--c-white)}

/* Promo card */
.hero__promo{
    background:linear-gradient(135deg,var(--c-navy-mid),var(--c-navy-light));
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--r-lg);
    padding:var(--sp-xl);
    text-align:center;
    min-width:220px;
    animation:fade-in-up .6s .3s ease both;
    position:relative;
    overflow:hidden;
}
.hero__promo::before{
    content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
    background:conic-gradient(from 0deg,transparent,rgba(29,185,84,.1),transparent,rgba(255,214,0,.08),transparent);
    animation:promo-spin 10s linear infinite;
}
@keyframes promo-spin{to{transform:rotate(360deg)}}
.hero__promo-label{
    position:relative;
    display:block;font-size:var(--fs-xs);text-transform:uppercase;
    letter-spacing:.1em;color:var(--c-green);font-weight:700;margin-bottom:var(--sp-sm);
}
.hero__promo-title{
    position:relative;
    display:block;font-size:var(--fs-2xl);font-weight:800;
    margin-bottom:var(--sp-lg);color:var(--c-yellow);
}

@keyframes fade-in-up{
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}

/* ============================================================
   STICKY CTA
   ============================================================ */
.sticky-cta{
    position:fixed;bottom:0;left:0;width:100%;z-index:90;
    background:var(--c-navy-deep);
    border-top:1px solid rgba(29,185,84,.3);
    padding:var(--sp-sm) 0;
    transform:translateY(100%);opacity:0;
    transition:all var(--tr-base);
}
.sticky-cta.is-visible{transform:translateY(0);opacity:1}
.sticky-cta__inner{display:flex;align-items:center;justify-content:center;gap:var(--sp-lg);flex-wrap:wrap}
.sticky-cta__text{font-size:var(--fs-sm);font-weight:600;color:var(--c-gray-200)}

/* ============================================================
   SECTIONS
   ============================================================ */
.section{padding:var(--sp-4xl) 0}
.section--light{background:var(--c-gray-100);color:var(--c-text-dark)}
.section--dark{background:var(--c-navy-mid);color:var(--c-white)}
.section--dark .promo-block__title{color:var(--c-white)}
.section--dark .info-table td{color:var(--c-gray-200)}
.section--dark .faq__btn{color:var(--c-gray-200)}
.section--dark .section__lead{color:var(--c-gray-300)}
.section--navy{background:var(--c-navy)}
.section__title{
    font-size:var(--fs-3xl);font-weight:800;margin-bottom:var(--sp-sm);line-height:1.2;
}
.section__title--center{text-align:center}
.section__lead{font-size:var(--fs-lg);color:var(--c-gray-400);margin-bottom:var(--sp-2xl)}
.section__head{margin-bottom:var(--sp-2xl)}
.section__head--dark .section__lead,.section__head--dark .section__sub{color:var(--c-gray-200)}
.section__sub{font-size:var(--fs-base);color:var(--c-gray-400);margin-top:var(--sp-sm)}

/* ============================================================
   PROMO BLOCK
   ============================================================ */
.promo-block{
    display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2xl);
    align-items:center;
    background:var(--c-white);border-radius:var(--r-lg);
    overflow:hidden;box-shadow:var(--shadow-card);
}
.promo-block__img{background:var(--c-navy);display:flex;align-items:center;justify-content:center;min-height:280px;padding:var(--sp-xl)}
.promo-block__img-placeholder{
    width:120px;height:120px;border-radius:50%;
    background:linear-gradient(135deg,var(--c-green),var(--c-yellow));
    opacity:.3;
}
.promo-block__content{padding:var(--sp-2xl)}
.promo-block__title{font-size:var(--fs-2xl);font-weight:700;color:var(--c-text-dark);margin-bottom:var(--sp-md)}
.promo-block__text{color:var(--c-gray-600);margin-bottom:var(--sp-xl)}

/* ============================================================
   STEPS
   ============================================================ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-xl)}
.step{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    border-radius:var(--r-lg);
    padding:var(--sp-2xl) var(--sp-xl);
    text-align:center;
    transition:all var(--tr-base);
    position:relative;
    overflow:hidden;
}
.step::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--c-green),var(--c-yellow));
    transform:scaleX(0);transform-origin:left;
    transition:transform var(--tr-slow);
}
.step:hover::before{transform:scaleX(1)}
.step:hover{background:rgba(255,255,255,.07);transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.step__num{
    display:inline-flex;align-items:center;justify-content:center;
    width:48px;height:48px;border-radius:50%;
    background:var(--c-green);color:#fff;
    font-size:var(--fs-xl);font-weight:800;
    margin-bottom:var(--sp-lg);
}
.step__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-sm)}
.step p{color:var(--c-gray-200);font-size:var(--fs-sm)}

/* ============================================================
   SLOTS — External dark listing (styles in slot-listing-dark.css)
   ============================================================ */
.section--slots-ext{padding:0}
.section--slots-ext .slot-listing-block{margin:0}

/* ============================================================
   WHY GRID
   ============================================================ */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-xl)}
.why-item{
    text-align:center;
    padding:var(--sp-2xl) var(--sp-lg);
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:var(--r-lg);
    transition:all var(--tr-base);
}
.why-item:hover{
    background:rgba(29,185,84,.06);
    border-color:rgba(29,185,84,.2);
    transform:translateY(-4px);
}
.why-item__icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:56px;height:56px;border-radius:var(--r-md);
    background:var(--c-navy-light);
    font-size:var(--fs-2xl);
    margin-bottom:var(--sp-lg);
}
.why-item h3{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--sp-sm)}
.why-item p{font-size:var(--fs-sm);color:var(--c-gray-200)}

/* ============================================================
   OFFERS / CASINO LIST
   ============================================================ */
.offer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-xl)}
.offer-card{
    background:linear-gradient(145deg,var(--c-navy-light),var(--c-navy));
    border:1px solid rgba(255,255,255,.06);
    border-radius:var(--r-lg);
    padding:var(--sp-2xl);
    transition:all var(--tr-base);
    position:relative;
    overflow:hidden;
}
.offer-card::after{
    content:'';position:absolute;top:0;right:0;width:80px;height:80px;
    background:radial-gradient(circle,var(--c-green-glow),transparent 70%);
}
.offer-card:hover{transform:translateY(-4px);border-color:rgba(29,185,84,.3)}
.offer-card__tag{
    display:inline-block;
    background:var(--c-yellow);color:var(--c-navy);
    font-size:10px;font-weight:800;text-transform:uppercase;
    padding:3px 10px;border-radius:var(--r-full);
    margin-bottom:var(--sp-md);
}
.offer-card__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-sm)}
.offer-card__desc{font-size:var(--fs-sm);color:var(--c-gray-200);margin-bottom:var(--sp-xl)}
.section-cta{text-align:center;margin-top:var(--sp-2xl)}

/* ============================================================
   GAME CARDS
   ============================================================ */
.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-xl)}
.game-card{
    border-radius:var(--r-lg);overflow:hidden;
    background:var(--c-white);
    box-shadow:var(--shadow-card);
    transition:all var(--tr-base);
}
.game-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.game-card__img{
    aspect-ratio:16/10;
    background:linear-gradient(135deg,var(--c-navy),var(--c-navy-mid));
    display:flex;align-items:center;justify-content:center;
    font-size:var(--fs-4xl);
    color:rgba(255,255,255,.15);
}
.game-card__footer{
    display:flex;justify-content:space-between;align-items:center;
    padding:var(--sp-md) var(--sp-lg);
}
.game-card__footer span{font-weight:700;font-size:var(--fs-sm);color:var(--c-text-dark)}

/* ============================================================
   VIP BLOCK
   ============================================================ */
.vip{
    display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2xl);
    align-items:center;
    background:linear-gradient(135deg,var(--c-navy),var(--c-navy-mid));
    border-radius:var(--r-xl);padding:var(--sp-3xl);
    border:1px solid rgba(255,214,0,.12);
    position:relative;overflow:hidden;
}
.vip::before{
    content:'';position:absolute;top:-40%;right:-20%;width:400px;height:400px;
    background:radial-gradient(circle,rgba(255,214,0,.06),transparent 70%);
}
.vip__title{font-size:var(--fs-3xl);font-weight:800;margin-bottom:var(--sp-lg);color:var(--c-yellow)}
.vip__list{margin-bottom:var(--sp-xl)}
.vip__list li{
    padding:var(--sp-sm) 0;font-size:var(--fs-base);color:var(--c-gray-200);
    display:flex;align-items:center;gap:var(--sp-sm);
}
.vip__list li::before{content:'★';color:var(--c-yellow);font-size:var(--fs-sm)}
.vip__media{
    display:flex;align-items:center;justify-content:center;
    position:relative;
}
.vip__media-placeholder{
    width:200px;height:200px;border-radius:50%;
    background:linear-gradient(135deg,var(--c-yellow),var(--c-green));
    opacity:.15;
}

/* ============================================================
   INFO TABLE
   ============================================================ */
.table-wrap{overflow-x:auto;margin-bottom:var(--sp-2xl)}
.info-table{
    width:100%;border-collapse:collapse;
    background:var(--c-white);border-radius:var(--r-md);overflow:hidden;
    box-shadow:var(--shadow-card);
}
.info-table th,.info-table td{
    padding:var(--sp-md) var(--sp-lg);
    text-align:left;font-size:var(--fs-sm);
    border-bottom:1px solid var(--c-gray-100);
}
.info-table th{
    background:var(--c-navy);color:var(--c-white);font-weight:700;
    font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;
}
.info-table td{color:var(--c-text-dark)}
.info-table tr:last-child td{border-bottom:0}

/* ============================================================
   FAQ
   ============================================================ */
.faq{max-width:720px}
.faq__heading{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--sp-xl)}
.faq__item{border-bottom:1px solid var(--c-gray-200)}
.faq__btn{
    width:100%;text-align:left;
    padding:var(--sp-lg) 0;
    font-size:var(--fs-base);font-weight:600;color:var(--c-text-dark);
    display:flex;justify-content:space-between;align-items:center;
}
.faq__btn::after{content:'+';font-size:var(--fs-xl);color:var(--c-green);transition:transform var(--tr-fast)}
.faq__btn[aria-expanded="true"]::after{content:'−'}
.faq__panel{
    max-height:0;overflow:hidden;
    transition:max-height var(--tr-base);
}
.faq__panel.is-open{max-height:200px}
.faq__panel p{padding-bottom:var(--sp-lg);color:var(--c-gray-600);font-size:var(--fs-sm)}

/* ============================================================
   AUTHOR
   ============================================================ */
.author-block{padding-top:0}
.author{
    display:flex;align-items:center;gap:var(--sp-xl);
    background:var(--c-white);border-radius:var(--r-lg);
    padding:var(--sp-xl);box-shadow:var(--shadow-card);
}
.author__photo{
    width:80px;height:80px;min-width:80px;aspect-ratio:1;border-radius:50%;
    background:var(--c-gray-200);
    flex-shrink:0;object-fit:cover;
}
.author__info h4{font-size:var(--fs-lg);font-weight:700;color:var(--c-text-dark)}
.author__info h4 a{color:var(--c-green)}
.author__info h4 a:hover{text-decoration:underline}
.author__role{font-size:var(--fs-xs);color:var(--c-gray-400);text-transform:uppercase;letter-spacing:.05em}
.author__info p{font-size:var(--fs-sm);color:var(--c-gray-600);margin-top:var(--sp-xs)}

/* ============================================================
   BACK TO TOP
   ============================================================ */
.back-top{
    position:fixed;bottom:80px;right:24px;z-index:80;
    width:44px;height:44px;border-radius:50%;
    background:var(--c-green);color:#fff;
    font-size:var(--fs-xl);
    display:flex;align-items:center;justify-content:center;
    opacity:0;transform:translateY(20px);
    transition:all var(--tr-base);
    box-shadow:var(--shadow-glow-green);
}
.back-top.is-visible{opacity:1;transform:translateY(0)}
.back-top:hover{background:var(--c-green-dark);transform:translateY(-2px)}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{
    background:var(--c-navy-deep);
    padding:var(--sp-4xl) 0 var(--sp-xl);
    border-top:1px solid rgba(255,255,255,.04);
}
.footer__grid{
    display:grid;grid-template-columns:repeat(4,1fr);
    gap:var(--sp-2xl);
    margin-bottom:var(--sp-3xl);
}
.footer__col{display:flex;flex-direction:column;gap:var(--sp-sm)}
.footer__col-title{
    font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;
    letter-spacing:.08em;color:var(--c-green);
    margin-bottom:var(--sp-sm);
}
.footer__col a{
    font-size:var(--fs-sm);color:var(--c-gray-400);
    transition:color var(--tr-fast);
}
.footer__col a:hover{color:var(--c-white)}
.footer__social{
    display:flex;gap:var(--sp-lg);margin-bottom:var(--sp-xl);
}
.footer__social a{
    font-size:var(--fs-sm);font-weight:600;color:var(--c-gray-400);
    transition:color var(--tr-fast);
}
.footer__social a:hover{color:var(--c-green)}
.footer__copy{
    font-size:var(--fs-xs);color:var(--c-gray-400);
    margin-bottom:var(--sp-md);
}
.footer__badges{display:flex;gap:var(--sp-lg);align-items:center;opacity:.5}
.footer__badges img{height:28px;width:auto}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
    .hero__content{grid-template-columns:1fr}
    .hero__promo{display:none}
    .why-grid{grid-template-columns:repeat(2,1fr)}
    .offer-cards{grid-template-columns:1fr 1fr}
    .footer__grid{grid-template-columns:repeat(2,1fr)}
    .vip{grid-template-columns:1fr}
    .vip__media{display:none}
}
@media(max-width:768px){
    .nav--desktop,.header__actions .btn--ghost{display:none}
    .burger{display:flex}
    .hero__title{font-size:var(--fs-3xl)}
    .hero{min-height:auto;padding-top:calc(var(--header-h) + var(--sp-2xl));padding-bottom:var(--sp-2xl)}
    .steps{grid-template-columns:1fr}
    .game-cards{grid-template-columns:1fr}
    .offer-cards{grid-template-columns:1fr}
    .why-grid{grid-template-columns:1fr}
    .promo-block{grid-template-columns:1fr}
    .promo-block__img{min-height:180px}
    .footer__grid{grid-template-columns:1fr}
    .section{padding:var(--sp-2xl) 0}
    .slots-grid{grid-template-columns:repeat(2,1fr)}
    .author{flex-direction:column;text-align:center}
}
@media(max-width:480px){
    .hero__title{font-size:var(--fs-2xl)}
    .hero__trust{flex-direction:column;gap:var(--sp-sm)}
    .slots-grid{grid-template-columns:1fr 1fr}
    .container{padding:0 var(--sp-md)}
}

/* ============================================================
   CONVERSION OPTIMIZATIONS
   ============================================================ */
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
@media(max-width:600px){
    .btn--lg,.btn--sm,.hero__cta,.listing-light-cta{min-height:52px!important;font-size:15px!important;}
    .sticky-cta__text{font-size:12px!important;}
    .hero__title{font-size:clamp(22px,6vw,32px)!important;}
    .hero__desc{font-size:14px!important;}
    .section__title{font-size:clamp(20px,5vw,28px)!important;}
    .step p{font-size:13px;}
    .faq__btn{font-size:14px!important;padding:14px 16px!important;}
}