:root {
  --brand-primary:     #8B2FC9;
  --brand-secondary:   #1A1A2E;
  --brand-accent:      #2ECC71;
  --brand-bg:          #0D0D0D;
  --brand-text:        #FFFFFF;
  --brand-header-bg:   #7B27B8;
  --brand-btn-bg:      #2ECC71;
  --brand-btn-text:    #FFFFFF;
  --brand-btn-radius:  30px;
  --brand-head-font:   'Impact', sans-serif;
  --brand-body-font:   'Arial', sans-serif;
  --brand-head-weight: 900;
  --brand-body-size:   16px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-body-font);font-size:var(--brand-body-size);line-height:1.6;overflow-x:hidden}
a{color:var(--brand-accent);text-decoration:none;transition:color .2s}
a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
p{margin-bottom:1rem}

.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section-pad{padding:80px 0}
.section-pad-sm{padding:50px 0}

/* ── SKIP LINK ── */
.skip-link{position:absolute;top:-60px;left:0;background:var(--brand-accent);color:#000;padding:10px 20px;z-index:99999;border-radius:0 0 8px 0;font-weight:700;transition:top .2s}
.skip-link:focus{top:0}

/* ── HEADER ── */
.site-header{position:sticky;top:0;left:0;width:100%;z-index:9000;background:var(--brand-header-bg);box-shadow:0 2px 20px rgba(0,0,0,.5)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1200px;margin:0 auto}
.site-logo-img{height:44px;width:auto;display:block;max-width:200px}
.header-actions{display:flex;align-items:center;gap:12px}
.btn-header{display:inline-block;padding:10px 24px;border-radius:var(--brand-btn-radius);font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center}
.btn-signup{background:var(--brand-accent);color:#000}
.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(46,204,113,.4);color:#000}
.btn-login{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}
.btn-login:hover{border-color:#fff;background:rgba(255,255,255,.1);color:#fff}

/* ── NAV ── */
.main-nav{display:flex;align-items:center}
.main-nav ul{display:flex;gap:8px;align-items:center}
.main-nav ul li a{color:rgba(255,255,255,.85);font-size:14px;font-weight:600;padding:8px 14px;border-radius:20px;transition:background .2s,color .2s}
.main-nav ul li a:hover,.main-nav ul li a.active{background:rgba(255,255,255,.15);color:#fff}
.mobile-menu-btn{display:none;background:none;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:20px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:border-color .2s}
.mobile-menu-btn:hover{border-color:#fff}

@media(max-width:992px){
  .main-nav ul{display:none}
  .mobile-menu-btn{display:block}
  .main-nav{position:relative;width:100%}
  .header-inner{flex-wrap:wrap;gap:10px}
  .main-nav.mobile-nav-active ul{display:flex;flex-direction:column;position:absolute;top:100%;left:-20px;width:calc(100% + 40px);background:var(--brand-header-bg);padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.4);gap:4px;z-index:9999}
  .main-nav.mobile-nav-active ul li a{padding:12px 16px;border-radius:8px;font-size:15px}
}

/* ── HERO ── */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#2a006e 0%,#8B2FC9 40%,#5b1fa0 70%,#1A1A2E 100%)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(139,47,201,.6) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(46,204,113,.15) 0%,transparent 60%);pointer-events:none}
.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25px 25px,rgba(255,255,255,.04) 2px,transparent 0);background-size:50px 50px;pointer-events:none}
.hero-content{position:relative;z-index:2;text-align:center;padding:60px 20px;max-width:860px}
.hero-badge{display:inline-block;background:rgba(46,204,113,.2);border:1px solid var(--brand-accent);color:var(--brand-accent);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:20px;margin-bottom:24px}
.hero h1{font-family:var(--brand-head-font);font-weight:var(--brand-head-weight);font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.1;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.hero h1 span{color:var(--brand-accent)}
.hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:rgba(255,255,255,.8);max-width:560px;margin:0 auto 36px;line-height:1.6}
.hero-cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 32px;border-radius:var(--brand-btn-radius);font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center;text-decoration:none;border:none}
.btn-hero{background:var(--brand-accent);color:#000;font-size:18px;padding:16px 44px;box-shadow:0 6px 30px rgba(46,204,113,.4)}
.btn-hero:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(46,204,113,.55);color:#000}
.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);padding:14px 32px}
.btn-secondary:hover{border-color:#fff;background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}
.btn-cta{background:var(--brand-primary);color:#fff;box-shadow:0 4px 20px rgba(139,47,201,.4)}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,47,201,.55);color:#fff}
.hero-stats{display:flex;justify-content:center;gap:40px;margin-top:48px;flex-wrap:wrap}
.hero-stat{text-align:center}
.hero-stat-num{font-family:var(--brand-head-font);font-size:2rem;color:var(--brand-accent);display:block;font-weight:900}
.hero-stat-label{font-size:12px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px}
.hero-deco-left,.hero-deco-right{position:absolute;bottom:0;width:260px;opacity:.85;pointer-events:none}
.hero-deco-left{left:-20px;transform:scaleX(-1)}
.hero-deco-right{right:-20px}

/* ── FLOATING CTA ── */
.floating-cta{position:fixed;bottom:30px;right:30px;z-index:9999;padding:14px 28px;background:var(--brand-accent);color:#000;border-radius:50px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.35);transition:transform .2s,box-shadow .2s;white-space:nowrap;font-family:var(--brand-body-font)}
.floating-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.45);color:#000}

/* ── SECTION TITLES ── */
.section-title{font-family:var(--brand-head-font);font-weight:var(--brand-head-weight);font-size:clamp(1.8rem,4vw,2.8rem);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
.section-title span{color:var(--brand-accent)}
.section-subtitle{color:rgba(255,255,255,.65);font-size:1rem;margin-bottom:48px;max-width:600px}
.text-center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}

/* ── WELCOME / INTRO — 2-col asymmetric ── */
.welcome-section{background:linear-gradient(180deg,#0D0D0D 0%,#110a1f 100%)}
.welcome-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}
.welcome-text h2{font-family:var(--brand-head-font);font-weight:900;font-size:clamp(1.8rem,3.5vw,2.6rem);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.welcome-text h2 span{color:var(--brand-accent)}
.welcome-text p{color:rgba(255,255,255,.78);line-height:1.75;margin-bottom:16px;font-size:1rem}
.welcome-panel{background:linear-gradient(135deg,#8B2FC9 0%,#5b1fa0 100%);border-radius:20px;padding:36px 28px;text-align:center;box-shadow:0 8px 40px rgba(139,47,201,.35)}
.welcome-panel .big-num{font-family:var(--brand-head-font);font-size:3.5rem;color:var(--brand-accent);font-weight:900;display:block;line-height:1}
.welcome-panel .big-label{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.7);margin-top:6px;margin-bottom:20px;display:block}
.welcome-panel p{font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:20px}

/* ── BONUS — full-width ── */
.bonus-section{background:linear-gradient(135deg,#1A1A2E 0%,#2a006e 50%,#1A1A2E 100%);position:relative;overflow:hidden}
.bonus-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,47,201,.3),transparent 70%);pointer-events:none}
.bonus-inner{position:relative;z-index:1;text-align:center}
.bonus-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.bonus-card{background:rgba(255,255,255,.05);border:1px solid rgba(139,47,201,.3);border-radius:16px;padding:36px 24px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}
.bonus-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(139,47,201,.3);border-color:var(--brand-primary)}
.bonus-card-icon{font-size:3rem;margin-bottom:16px;display:block}
.bonus-card h3{font-family:var(--brand-head-font);font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:var(--brand-accent)}
.bonus-card .bonus-amount{font-family:var(--brand-head-font);font-size:2.2rem;color:#fff;font-weight:900;display:block;margin-bottom:10px}
.bonus-card p{font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.6}
.bonus-terms{font-size:.78rem;color:rgba(255,255,255,.4);margin-top:24px}

/* ── GAMES — 4-col grid ── */
.games-section{background:#0D0D0D}
.games-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;flex-wrap:wrap;gap:16px}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.game-card{background:linear-gradient(145deg,#1a0a30,#2d1060);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;position:relative}
.game-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 36px rgba(139,47,201,.4)}
.game-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.game-thumb-placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#2a006e,#5b1fa0)}
.game-card-info{padding:14px 16px}
.game-card-info h4{font-size:.9rem;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-card-info span{font-size:.78rem;color:rgba(255,255,255,.5)}
.game-badge{position:absolute;top:10px;left:10px;background:var(--brand-accent);color:#000;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:10px}
.games-cta{text-align:center;margin-top:40px}

/* ── PAYMENTS — 3-col + sidebar style ── */
.payments-section{background:linear-gradient(180deg,#110a1f 0%,#0D0D0D 100%)}
.payments-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:start}
.payment-feature{background:rgba(255,255,255,.04);border-left:3px solid var(--brand-accent);border-radius:0 12px 12px 0;padding:24px 20px;margin-bottom:20px}
.payment-feature h3{font-family:var(--brand-head-font);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;color:var(--brand-accent);margin-bottom:8px}
.payment-feature p{font-size:.9rem;color:rgba(255,255,255,.72);line-height:1.6;margin:0}
.payment-methods-box{background:linear-gradient(135deg,rgba(139,47,201,.15),rgba(26,26,46,.8));border:1px solid rgba(139,47,201,.25);border-radius:16px;padding:28px 24px}
.payment-methods-box h3{font-family:var(--brand-head-font);font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:#fff}
.method-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.method-row:last-child{border-bottom:none}
.method-name{font-size:.9rem;font-weight:600}
.method-time{font-size:.8rem;color:var(--brand-accent)}
.payment-limits{background:rgba(46,204,113,.08);border:1px solid rgba(46,204,113,.2);border-radius:12px;padding:24px;text-align:center}
.payment-limits h3{font-family:var(--brand-head-font);font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--brand-accent);margin-bottom:16px}
.limit-item{margin-bottom:12px}
.limit-item span{display:block;font-size:1.4rem;font-weight:700;font-family:var(--brand-head-font);color:#fff}
.limit-item small{font-size:.78rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px}

/* ── WHY US — alternating 2-col ── */
.why-section{background:#0D0D0D}
.why-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:60px}
.why-row:last-child{margin-bottom:0}
.why-row.reverse{direction:rtl}
.why-row.reverse>*{direction:ltr}
.why-visual{background:linear-gradient(135deg,#8B2FC9,#1A1A2E);border-radius:20px;padding:50px 30px;text-align:center;font-size:5rem;box-shadow:0 8px 40px rgba(139,47,201,.25)}
.why-text h2{font-family:var(--brand-head-font);font-size:clamp(1.6rem,3vw,2.2rem);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.why-text h2 span{color:var(--brand-accent)}
.why-text p{color:rgba(255,255,255,.75);line-height:1.75;margin-bottom:14px;font-size:.97rem}
.why-text .detail-stat{display:inline-block;background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.3);border-radius:8px;padding:10px 18px;font-size:.88rem;color:var(--brand-accent);margin-top:8px}

/* ── SECURITY — full-width dark ── */
.security-section{background:linear-gradient(135deg,#1A1A2E,#0D0D0D)}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.security-item{text-align:center;padding:32px 20px}
.security-icon{font-size:2.8rem;margin-bottom:16px;display:block}
.security-item h3{font-family:var(--brand-head-font);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:10px}
.security-item p{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.6}

/* ── SUPPORT — 2-col ── */
.support-section{background:#110a1f}
.support-grid{display:grid;grid-template-columns:3fr 2fr;gap:60px;align-items:start}
.support-text h2{font-family:var(--brand-head-font);font-size:clamp(1.8rem,3.5vw,2.4rem);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.support-text h2 span{color:var(--brand-accent)}
.support-text p{color:rgba(255,255,255,.75);line-height:1.75;margin-bottom:16px}
.support-channels{margin-top:24px}
.support-channel{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.support-channel:last-child{border-bottom:none}
.support-channel-icon{width:44px;height:44px;background:rgba(139,47,201,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.support-channel-info h4{font-size:.95rem;font-weight:700;margin-bottom:2px}
.support-channel-info span{font-size:.82rem;color:rgba(255,255,255,.5)}
.support-cta-box{background:linear-gradient(135deg,#8B2FC9,#5b1fa0);border-radius:20px;padding:36px 28px;text-align:center;position:sticky;top:100px}
.support-cta-box h3{font-family:var(--brand-head-font);font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.support-cta-box p{font-size:.9rem;color:rgba(255,255,255,.8);margin-bottom:24px;line-height:1.6}

/* ── FAQ — single col ── */
.faq-section{background:#0D0D0D}
.faq-list{max-width:800px;margin:48px auto 0}
.faq-item{border-bottom:1px solid rgba(255,255,255,.1);padding:24px 0}
.faq-item:first-child{border-top:1px solid rgba(255,255,255,.1)}
.faq-q{font-family:var(--brand-head-font);font-size:1.05rem;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin-bottom:10px;cursor:pointer}
.faq-a{font-size:.92rem;color:rgba(255,255,255,.68);line-height:1.7}

/* ── MID-PAGE CTA ── */
.midpage-cta{background:linear-gradient(135deg,#2a006e 0%,#8B2FC9 50%,#5b1fa0 100%);text-align:center;padding:70px 20px}
.midpage-cta h2{font-family:var(--brand-head-font);font-size:clamp(2rem,5vw,3.2rem);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
.midpage-cta p{font-size:1.05rem;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}

/* ── FOOTER ── */
.site-footer{background:#070707;border-top:1px solid rgba(139,47,201,.25)}
.footer-top{padding:60px 0 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.footer-brand p{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.7;margin-top:16px;max-width:320px}
.footer-col h4{font-family:var(--brand-head-font);font-size:.95rem;text-transform:uppercase;letter-spacing:1px;color:var(--brand-accent);margin-bottom:16px}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{font-size:.88rem;color:rgba(255,255,255,.5);transition:color .2s}
.footer-col ul li a:hover{color:var(--brand-accent)}
.footer-middle{border-top:1px solid rgba(255,255,255,.08);padding:30px 0}
.responsible-logos{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.resp-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 16px;font-size:.78rem;color:rgba(255,255,255,.6);font-weight:700;text-transform:uppercase;letter-spacing:1px}
.resp-badge.age{background:rgba(255,50,50,.15);border-color:rgba(255,50,50,.3);color:#ff6b6b;font-size:1rem;font-weight:900;min-width:44px;text-align:center}
.help-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}
.help-links a{font-size:.8rem;color:rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2px}
.help-links a:hover{color:var(--brand-accent)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-legal-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-legal-links a{font-size:.78rem;color:rgba(255,255,255,.35);transition:color .2s}
.footer-legal-links a:hover{color:var(--brand-accent)}
.footer-copy{font-size:.78rem;color:rgba(255,255,255,.3)}
.footer-disclaimer{font-size:.75rem;color:rgba(255,255,255,.3);line-height:1.6;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}

/* ── LEGAL PAGES ── */
.legal-page{padding:80px 0}
.legal-content{max-width:860px;margin:0 auto}
.legal-content h1{font-family:var(--brand-head-font);font-size:2.4rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:#fff}
.legal-content .last-updated{font-size:.85rem;color:rgba(255,255,255,.4);margin-bottom:40px}
.legal-content h2{font-family:var(--brand-head-font);font-size:1.3rem;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-accent);margin:36px 0 12px}
.legal-content p{color:rgba(255,255,255,.72);line-height:1.8;margin-bottom:16px;font-size:.95rem}
.legal-content ul{margin:0 0 16px 20px;list-style:disc}
.legal-content ul li{color:rgba(255,255,255,.68);font-size:.93rem;line-height:1.7;margin-bottom:8px}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .welcome-grid{grid-template-columns:1fr;gap:40px}
  .bonus-cards{grid-template-columns:1fr 1fr}
  .games-grid{grid-template-columns:repeat(3,1fr)}
  .payments-layout{grid-template-columns:1fr 1fr}
  .payment-limits{grid-column:span 2}
  .why-row{grid-template-columns:1fr;gap:32px}
  .why-row.reverse{direction:ltr}
  .security-grid{grid-template-columns:1fr 1fr}
  .support-grid{grid-template-columns:1fr}
  .support-cta-box{position:static}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:span 2}
}

@media(max-width:768px){
  .section-pad{padding:55px 0}
  .hero{min-height:70vh}
  .hero-stats{gap:24px}
  .bonus-cards{grid-template-columns:1fr}
  .games-grid{grid-template-columns:1fr 1fr;gap:14px}
  .payments-layout{grid-template-columns:1fr}
  .payment-limits{grid-column:span 1}
  .security-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:span 1}
  .footer-bottom{flex-direction:column;text-align:center}
  .hero-deco-left,.hero-deco-right{width:140px;opacity:.5}
  .games-header{flex-direction:column;align-items:flex-start}
  .midpage-cta{padding:50px 20px}
  .welcome-grid{grid-template-columns:1fr}
}

@media(max-width:480px){
  .hero h1{font-size:2rem}
  .btn-hero{font-size:15px;padding:14px 28px}
  .games-grid{grid-template-columns:1fr 1fr}
  .hero-cta-group{flex-direction:column;align-items:center}
  .footer-legal-links{justify-content:center}
  .responsible-logos{justify-content:center}
  .help-links{justify-content:center}
}