*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#030506;--panel:#080c0d;--green:#00f06a;--green2:#00b94e;--purple:#ad48ff;--gold:#ffbd25;--text:#f7f8f8;--muted:#9aa0a5;--line:rgba(255,255,255,.13)}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(2,4,5,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:154px;height:auto;display:block;object-fit:contain}
.desktop-nav{display:flex;gap:28px;font-size:13px;font-weight:800}
.desktop-nav a{opacity:.88;position:relative;padding:30px 0}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--green)}
.desktop-nav a.active:after{content:"";position:absolute;bottom:20px;left:0;right:0;height:2px;background:var(--green);box-shadow:0 0 10px var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;font-weight:900;transition:.25s;border:1px solid transparent;cursor:pointer}
.btn span{font-size:25px;line-height:0}
.btn-green{background:var(--green);color:#001409;box-shadow:0 0 24px rgba(0,240,106,.28)}
.btn-green:hover{transform:translateY(-3px);box-shadow:0 0 36px rgba(0,240,106,.48)}
.btn-outline{background:rgba(0,0,0,.25);border-color:#4b5054;color:#fff}
.btn-outline:hover{border-color:var(--green);color:var(--green)}
.nav-play{padding:11px 23px;font-size:13px}

.hero{min-height:760px;padding-top:82px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(0,240,106,.09),transparent 28%),radial-gradient(circle at 80% 30%,rgba(172,60,255,.13),transparent 30%)}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.05)),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-grid{min-height:678px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;z-index:2}
.eyebrow{color:var(--green);font-size:12px;letter-spacing:2px;font-weight:900;margin-bottom:18px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}
.hero-copy h1{font-size:clamp(62px,7vw,96px);line-height:.88;letter-spacing:-4px;font-style:italic;font-weight:1000}
.hero-copy h1 em,.play-copy h2 em{color:var(--green);font-style:italic;text-shadow:0 0 24px rgba(0,240,106,.25)}
.hero-subtitle{font-size:21px;margin:22px 0 28px;color:#ddd;font-weight:700}
.hero-rewards{display:flex;align-items:center;gap:20px;margin-bottom:30px}
.hero-rewards div{display:flex;flex-direction:column}.hero-rewards b{color:var(--green);font-size:16px}.hero-rewards b strong{font-size:21px;font-style:italic}.hero-rewards small{font-size:9px;color:#eee;margin-top:5px}.hero-rewards i{height:45px;width:1px;background:#65686a}
.hero-actions{display:flex;gap:15px}.btn-large{min-width:190px;padding:14px 25px;font-size:16px}

.hero-art{height:560px;position:relative;display:flex;align-items:center;justify-content:center}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:460px;height:460px;background:radial-gradient(circle,rgba(0,240,106,.18),transparent 64%);border:1px solid rgba(0,240,106,.2)}.orb-b{width:330px;height:330px;border:1px solid rgba(190,75,255,.45);box-shadow:0 0 90px rgba(190,75,255,.15)}
.slot-glow{position:absolute;width:480px;height:180px;bottom:90px;background:radial-gradient(ellipse,rgba(0,240,106,.35),transparent 67%);filter:blur(15px)}
.slot-machine{position:relative;z-index:3;width:430px;height:340px;border-radius:35px 35px 25px 25px;border:3px solid #b65cff;background:linear-gradient(145deg,#11151a,#050707 70%);box-shadow:0 0 35px rgba(0,240,106,.45),0 0 65px rgba(178,75,255,.35),inset 0 0 30px rgba(255,255,255,.06);padding:24px;transform:perspective(700px) rotateY(-7deg)}
.slot-machine:before{content:"";position:absolute;inset:-8px;border-radius:42px 42px 32px 32px;border:1px solid rgba(0,240,106,.5);z-index:-1}
.slot-brand{height:54px;text-align:center}.slot-brand img{height:52px;width:auto;margin:auto;object-fit:contain}
.reels{height:165px;background:#020304;border:5px solid #292d32;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:9px;box-shadow:inset 0 0 25px #000}
.reels span{display:grid;place-items:center;background:linear-gradient(#fff,#bbb);color:#e10e25;font-size:88px;font-weight:1000;font-style:italic;border-radius:8px;text-shadow:2px 3px 0 #69000c}
.slot-base{height:72px;position:relative}.coin{position:absolute;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(#ffdf61,#9c5b00);color:#4b2b00;font-weight:900;top:12px;box-shadow:0 0 15px rgba(255,190,35,.5)}.coin-a{left:30px}.coin-b{left:90px}.lever{position:absolute;right:25px;top:-12px;width:10px;height:70px;background:#aaa;border-radius:8px;transform:rotate(-13deg);box-shadow:0 0 8px #fff}.lever:after{content:"";position:absolute;top:-15px;left:-9px;width:28px;height:28px;border-radius:50%;background:#ad48ff;box-shadow:0 0 15px #ad48ff}
.big-win{position:absolute;right:-50px;top:120px;color:#ff37d8;text-align:center;font-size:28px;line-height:.9;text-shadow:0 0 18px #ff37d8;transform:rotate(7deg)}.big-win b{font-size:42px}

.reward-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-10px;position:relative;z-index:5}
.reward-card{min-height:148px;border-radius:17px;padding:25px;display:flex;align-items:center;gap:20px;background:#070a0b;border:1px solid var(--line);overflow:hidden;position:relative}
.reward-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(35px);opacity:.22;right:-20px}
.reward-card.green{border-color:#00b95b}.reward-card.green:after{background:var(--green)}.reward-card.purple{border-color:#7931a8}.reward-card.purple:after{background:var(--purple)}.reward-card.gold{border-color:#9d740d}.reward-card.gold:after{background:var(--gold)}
.reward-icon{font-size:55px;position:relative;z-index:1}.reward-card strong{font-size:30px;font-style:italic;color:var(--green)}.reward-card.purple strong{color:#d25cff}.reward-card.gold strong{color:var(--gold)}.reward-card h3{font-size:14px;font-style:italic}.reward-card p{font-size:12px;color:#c1c5c8;margin-top:8px;line-height:1.4}

.section{padding:75px 0}.section-title{display:flex;align-items:center;gap:18px;justify-content:center;margin-bottom:28px}.section-title span{color:var(--green);font-size:11px}.section-title h2{font-size:30px;font-style:italic}.section-title em{color:var(--green);font-style:italic}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{height:280px;border-radius:18px;border:1px solid var(--line);position:relative;overflow:hidden;background:#101010}.game-card.game-slots{border-color:#00c95c}.game-card.game-casino{border-color:#9a41cf}.game-card.game-live{border-color:#2868d5}.game-card.game-sports{border-color:#13bcd5}
.game-art{position:absolute;inset:0;display:grid;place-items:center;font-size:130px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.18),transparent 38%),linear-gradient(145deg,#33122e,#070909);filter:saturate(1.2)}.game-casino .game-art{background:linear-gradient(145deg,#24112f,#101010)}.game-live .game-art{background:linear-gradient(145deg,#15293c,#070909)}.game-sports .game-art{background:linear-gradient(145deg,#102b1c,#070909)}
.game-overlay{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.93) 82%)}.game-content{position:absolute;bottom:15px;left:15px;right:15px;text-align:center}.game-content h3{font-size:23px;margin-bottom:12px}.small-btn{display:block;background:var(--green);color:#001409;font-weight:900;padding:9px;border-radius:9px;font-size:12px;box-shadow:0 0 16px rgba(0,240,106,.2)}

.feature-bar{display:grid;grid-template-columns:repeat(4,1fr);padding:24px;border:1px solid var(--line);border-radius:18px;background:#070a0b}.feature-bar>div{display:flex;align-items:center;gap:15px;padding:0 20px;border-right:1px solid #3a3e40}.feature-bar>div:last-child{border:0}.feature-bar span{font-size:32px}.feature-bar b{display:block;font-size:13px}.feature-bar small{display:block;color:#a4aaae;font-size:10px;line-height:1.5;margin-top:5px}

.play-section{padding:75px 0;background:radial-gradient(circle at 28% 50%,rgba(0,240,106,.08),transparent 30%),linear-gradient(#030506,#050607)}.play-grid{display:grid;grid-template-columns:36% 1fr 150px;gap:35px;align-items:center}.phone-art{height:350px;position:relative}.phone{position:absolute;width:150px;height:300px;border-radius:28px;border:3px solid #34393c;background:#050607;padding:8px;box-shadow:0 0 30px rgba(0,240,106,.25)}.phone-back{left:90px;top:25px;transform:rotate(-13deg)}.phone-front{left:175px;top:0;transform:rotate(7deg);border-color:#00b95a}.phone-screen{height:100%;border-radius:21px;background:radial-gradient(circle at 50% 35%,rgba(0,240,106,.25),transparent 30%),linear-gradient(145deg,#101b19,#020304);display:grid;place-items:center}.phone-screen img{width:90px}.floating-coin{position:absolute;border-radius:50%;display:grid;place-items:center;width:45px;height:45px;background:linear-gradient(#ffe375,#a35e00);color:#3b2400;font-weight:900;box-shadow:0 0 18px rgba(255,191,37,.5)}.c1{left:30px;top:90px}.c2{right:10px;bottom:65px}
.play-copy h2{font-size:54px;line-height:.95;font-style:italic}.play-copy p{max-width:540px;color:#aeb4b8;line-height:1.7;margin:18px 0 25px}.qr-card{text-align:center}.qr{width:125px;height:125px;background:#fff;padding:8px;margin:auto;border-radius:12px;display:grid;place-items:center}.qr-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#111;font-weight:1000;font-size:20px;background:repeating-linear-gradient(45deg,#111 0 3px,#fff 3px 6px)}.qr-card b{display:block;font-size:11px;margin-top:10px}

.footer{padding:55px 0 20px;background:#010203;border-top:1px solid #141719}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr 1fr;gap:30px}.footer-brand img{width:175px;margin-bottom:15px}.footer p,.footer a{color:#858c91;font-size:11px;line-height:1.7}.footer-brand p{max-width:300px}.footer h4{font-size:11px;color:var(--green);margin-bottom:14px}.footer>div a{display:block;margin:5px 0}.socials{display:flex;gap:8px}.socials a{width:30px;height:30px;border-radius:50%;display:grid!important;place-items:center;background:#111820;color:#fff!important;font-size:14px!important}.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid #171a1c;display:flex;justify-content:space-between;color:#747a7e;font-size:10px}
.mobile-bar{display:none}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(20px);background:#101415;border:1px solid var(--green);padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.3s;z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:1000px){.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:68px}.slot-machine{width:360px}.games-grid{grid-template-columns:repeat(2,1fr)}.feature-bar{grid-template-columns:repeat(2,1fr);gap:20px}.feature-bar>div:nth-child(2){border:0}.play-grid{grid-template-columns:35% 1fr}.qr-card{display:none}.phone-front{left:140px}}
@media(max-width:700px){
 body{padding-bottom:64px}.container{width:min(100% - 30px,560px)}
 .nav{height:64px}.brand img{width:125px}.desktop-nav{display:none}.nav-play{padding:9px 14px;font-size:11px}
 .hero{padding-top:64px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:55px 0 25px}.hero-copy{text-align:center}.hero-copy h1{font-size:64px;letter-spacing:-3px}.hero-subtitle{font-size:17px}.hero-rewards{justify-content:center;gap:11px}.hero-rewards b{font-size:12px}.hero-rewards b strong{font-size:15px}.hero-rewards small{font-size:7px}.hero-rewards i{height:34px}.hero-actions{justify-content:center}.btn-large{min-width:155px}
 .hero-art{height:370px;transform:scale(.82)}.slot-machine{width:340px}.big-win{right:-20px}
 .reward-strip{grid-template-columns:1fr;margin-top:0;gap:10px}.reward-card{min-height:120px;padding:18px}.reward-icon{font-size:43px}.reward-card strong{font-size:25px}
 .section{padding:55px 0}.section-title h2{font-size:23px}.games-grid{grid-template-columns:1fr 1fr;gap:9px}.game-card{height:225px}.game-art{font-size:90px}.game-content h3{font-size:17px}
 .feature-bar{grid-template-columns:1fr;padding:18px;gap:15px}.feature-bar>div{border:0!important;padding:7px}.feature-bar span{font-size:27px}
 .play-grid{grid-template-columns:1fr;gap:10px;text-align:center}.phone-art{height:315px;transform:scale(.82)}.phone-back{left:calc(50% - 105px)}.phone-front{left:calc(50% - 20px)}.floating-coin{display:none}.play-copy h2{font-size:42px}.play-copy p{margin-left:auto;margin-right:auto}
 .footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.mobile-bar{position:fixed;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;bottom:0;left:0;right:0;padding:8px;background:rgba(2,3,4,.95);backdrop-filter:blur(15px);z-index:90;border-top:1px solid #222}.mobile-bar a{display:grid;place-items:center;min-height:47px;border-radius:9px;font-size:12px;font-weight:900}.mobile-bar a:first-child{border:1px solid #555}.mobile-bar a:last-child{background:var(--green);color:#001409}
}


/* ===== H5 / Mobile Logo Compatibility Patch ===== */
.brand{
  display:flex;
  align-items:center;
  min-width:0;
  flex-shrink:0;
}
.brand img{
  display:block;
  width:154px;
  height:auto;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
}
.footer-brand img{
  display:block;
  width:175px;
  height:auto;
  max-height:58px;
  object-fit:contain;
}
.slot-brand{
  display:flex;
  align-items:center;
  justify-content:center;
}
.slot-brand img{
  display:block;
  width:auto;
  max-width:120px;
  height:46px;
  object-fit:contain;
}
.phone-screen img{
  width:92px;
  height:auto;
  max-height:72px;
  object-fit:contain;
}
@media(max-width:700px){
  .nav{
    padding-left:12px;
    padding-right:12px;
    gap:10px;
  }
  .brand{
    width:auto;
    max-width:150px;
  }
  .brand img{
    width:116px;
    max-width:116px;
    max-height:52px;
  }
  .nav-play{
    margin-left:auto;
    white-space:nowrap;
    flex-shrink:0;
  }
  .hero-copy h1{
    font-size:clamp(54px,16vw,66px);
    line-height:.9;
  }
  .hero-art{
    transform:none;
    height:355px;
    margin-top:4px;
  }
  .slot-machine{
    width:min(335px,86vw);
    height:270px;
    padding:17px;
    border-radius:25px;
  }
  .slot-brand{
    height:35px;
  }
  .slot-brand img{
    height:31px;
    max-width:78px;
  }
  .reels{
    height:135px;
    border-width:4px;
    gap:5px;
    padding:7px;
  }
  .reels span{
    font-size:64px;
  }
  .slot-base{
    height:50px;
  }
  .coin{
    width:37px;
    height:37px;
    font-size:12px;
    top:6px;
  }
  .coin-a{left:18px}
  .coin-b{left:65px}
  .lever{
    height:54px;
    right:18px;
    top:-8px;
  }
  .big-win{
    right:-13px;
    top:104px;
    font-size:19px;
  }
  .big-win b{
    font-size:29px;
  }
}
@media(max-width:390px){
  .brand img{
    width:106px;
    max-width:106px;
  }
  .nav-play{
    padding:9px 12px;
    font-size:10px;
  }
  .hero-copy h1{
    font-size:54px;
  }
  .hero-rewards{
    gap:8px;
  }
  .hero-rewards i{
    height:30px;
  }
}