
:root{
  --cc-bg:#0A0A12;
  --cc-bg-2:#10101A;
  --cc-header:#14141F;
  --cc-surface:#171725;
  --cc-surface-2:#201832;
  --cc-purple:#9B3BE6;
  --cc-purple-2:#7B2FBE;
  --cc-gold:#F7C948;
  --cc-green:#22C55E;
  --cc-pink:#FF4D6D;
  --cc-text:#FFFFFF;
  --cc-muted:#AEB2C5;
  --cc-max:1180px;
  --cc-story-max:1400px;
}
*{box-sizing:border-box}
html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--cc-bg);color:var(--cc-text)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
img{max-width:100%}
a{color:inherit}
header{
  position:sticky;
  top:0;
  z-index:20;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:28px;
  padding:14px max(22px,calc((100vw - var(--cc-max))/2));
  background:var(--cc-header);
  border-bottom:2px solid var(--cc-purple);
  box-shadow:0 12px 32px rgba(0,0,0,.34);
}
header>a:first-child{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:180px;
}
header>a:first-child img,
footer img,
.hero-copy>img{
  display:block;
  width:auto;
  object-fit:contain;
}
header>a:first-child img{height:44px;max-width:230px}
footer img{height:44px;max-width:220px}
.hero-copy>img{height:54px;max-width:250px;margin-bottom:18px}
nav{display:flex;gap:22px;align-items:center;flex:1}
nav a{font-weight:800;color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.header-cta,.btn,.hero-product a,.visual-card a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:0;
  border-radius:999px;
  padding:12px 20px;
  background:var(--cc-purple);
  color:#fff;
  text-decoration:none;
  font-weight:1000;
  box-shadow:0 12px 28px rgba(155,59,230,.24);
}
.btn{margin-right:8px}
.btn.secondary{
  background:linear-gradient(135deg,var(--cc-gold),#FFE86A);
  color:#0A0A12;
}
section{padding:clamp(34px,5vw,76px) max(20px,calc((100vw - var(--cc-max))/2))}
[data-casino-visual="casino-hero"],.secondary-hero{
  min-height:690px;
  background-size:cover;
  background-position:center;
  display:grid;
  grid-template-columns:minmax(0,590px) minmax(330px,500px);
  justify-content:center;
  gap:clamp(22px,4vw,54px);
  align-items:center;
}
.secondary-hero{
  position:relative;
  overflow:hidden;
  min-height:620px;
  background-color:#0A0A12;
  background-image:
    linear-gradient(135deg,rgba(155,59,230,.24),rgba(10,10,18,.25) 44%,rgba(247,201,72,.12)),
    var(--secondary-hero-image),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,cover,48px 48px,48px 48px;
  background-position:center,center,center,center;
}
.secondary-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,10,18,.84),rgba(10,10,18,.48) 44%,rgba(10,10,18,.18));
}
.secondary-hero>*{position:relative;z-index:1}
.secondary-promo-code{--scene-accent:#F7C948;--scene-hot:#9B3BE6}
.secondary-application{--scene-accent:#22C55E;--scene-hot:#9B3BE6}
.secondary-login{--scene-accent:#7DD3FC;--scene-hot:#9B3BE6}
.secondary-slot-games{--scene-accent:#F7C948;--scene-hot:#FF6B00}
.hero-copy{
  max-width:610px;
  text-shadow:0 2px 12px rgba(0,0,0,.68),0 8px 28px rgba(0,0,0,.42);
}
.hero-kicker{
  color:#fff;
  font-weight:900;
  margin:0 0 18px;
}
.hero-copy h1{
  margin:0 0 28px;
  max-width:660px;
  font-size:clamp(42px,5vw,68px);
  line-height:1.03;
  letter-spacing:0;
  text-wrap:balance;
}
.hero-copy p{
  max-width:650px;
  color:#fff;
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.45;
  font-weight:650;
}
.hero-product,.surface-card,.comment-card,[data-casino-content]{
  border:1px solid rgba(155,59,230,.72);
  background:var(--cc-surface);
  border-radius:8px;
  box-shadow:0 0 0 1px rgba(155,59,230,.20),0 18px 42px rgba(0,0,0,.24);
}
.hero-product{
  width:100%;
  max-width:500px;
  padding:24px;
  min-height:330px;
  display:grid;
  gap:16px;
  align-content:center;
  justify-self:center;
}
.hero-game-frame{
  padding:0;
  min-height:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.secondary-product{
  max-width:540px;
  padding:0;
  min-height:0;
  border:0;
  background:transparent;
  box-shadow:none;
  perspective:1100px;
}
.secondary-product>strong{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin:0 0 12px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(10,10,18,.72);
  color:var(--scene-accent,var(--cc-gold));
  font-size:12px;
  letter-spacing:0;
  text-transform:none;
}
.rich-mockup{
  position:relative;
  width:100%;
  min-height:430px;
  overflow:hidden;
  display:grid;
  gap:16px;
  align-content:space-between;
  padding:22px;
  border:1px solid rgba(155,59,230,.78);
  border-radius:8px;
  background:
    linear-gradient(145deg,rgba(32,24,50,.98),rgba(10,10,18,.98)),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  box-shadow:0 18px 42px rgba(0,0,0,.38);
  transform-style:preserve-3d;
}
.rich-mockup::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  pointer-events:none;
}
.rich-mockup img{object-fit:contain}
.rm-scene-top,.rm-console-head,.rm-slot-header,.rm-phone-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.rm-scene-top img,.rm-console-head img,.rm-slot-header img,.rm-phone-bar img{
  width:auto;
  height:34px;
  max-width:170px;
}
.rm-scene-top span,.rm-console-head span,.rm-slot-header span,.rm-phone-bar span{
  color:var(--scene-accent,var(--cc-gold));
  font-weight:1000;
  font-size:12px;
}
.rm-vault-stack{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
  align-items:center;
}
.rm-vault-door{
  position:relative;
  min-height:220px;
  display:grid;
  place-items:center;
  text-align:center;
  border-radius:8px;
  background:radial-gradient(circle at 50% 45%,rgba(247,201,72,.26),rgba(155,59,230,.22) 38%,rgba(10,10,18,.94) 70%);
  border:1px solid rgba(247,201,72,.42);
  transform:rotateY(-8deg) rotateX(4deg);
  animation:rm-float 5s ease-in-out infinite;
}
.rm-vault-ring{
  position:absolute;
  width:132px;
  height:132px;
  border-radius:50%;
  border:10px solid rgba(247,201,72,.42);
  box-shadow:inset 0 0 30px rgba(155,59,230,.35),0 0 26px rgba(247,201,72,.18);
  animation:rm-spin 9s linear infinite;
}
.rm-vault-door strong{
  position:relative;
  color:#fff;
  font-size:42px;
  line-height:1;
  text-shadow:0 3px 18px rgba(0,0,0,.75);
}
.rm-vault-door em{
  position:relative;
  margin-top:74px;
  color:var(--cc-gold);
  font-style:normal;
  font-weight:900;
}
.rm-code-panel,.rm-wallet-tile,.rm-login-lines,.rm-status-list,.rm-jackpot-line{
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:rgba(255,255,255,.055);
  padding:14px;
}
.rm-code-panel{display:grid;gap:10px}
.rm-code-panel>span,.rm-login-lines span{color:var(--cc-muted);font-size:12px;font-weight:800}
.rm-code-panel strong{font-size:26px;color:#fff;letter-spacing:0}
.rm-code-mask{display:flex;gap:7px}
.rm-code-mask i{
  width:18px;
  height:18px;
  border-radius:5px;
  background:linear-gradient(135deg,var(--scene-accent,var(--cc-gold)),var(--scene-hot,var(--cc-purple)));
  box-shadow:0 0 12px rgba(247,201,72,.22);
}
.rm-meter{height:12px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden}
.rm-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--scene-hot,var(--cc-purple)),var(--scene-accent,var(--cc-gold)))}
.rm-proof-row,.rm-security-strip,.rm-provider-chips,.rm-phone-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.rm-proof-row span,.rm-security-strip span,.rm-provider-chips span,.rm-phone-nav span{
  flex:1 1 auto;
  min-width:max-content;
  padding:9px 10px;
  border-radius:999px;
  background:rgba(155,59,230,.18);
  border:1px solid rgba(155,59,230,.34);
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.rich-mockup>a{
  width:max-content;
  min-width:190px;
  justify-self:start;
  background:linear-gradient(135deg,var(--scene-hot,var(--cc-purple)),#FF6B00);
}
.rm-phone-shell{
  width:min(310px,74%);
  margin:0 auto;
  padding:12px;
  border-radius:28px;
  background:linear-gradient(145deg,#08080E,#2B1A45);
  border:2px solid rgba(155,59,230,.74);
  box-shadow:0 24px 48px rgba(0,0,0,.34);
  transform:rotateY(-10deg) rotateX(4deg);
  animation:rm-float 4.8s ease-in-out infinite;
}
.rm-phone-screen{
  min-height:310px;
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(155,59,230,.25),rgba(10,10,18,.96)),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  overflow:hidden;
}
.rm-wallet-tile strong{display:block;color:var(--scene-accent,var(--cc-green));font-size:20px}
.rm-wallet-tile span{display:block;color:#fff;font-size:12px;line-height:1.45;margin-top:5px}
.rm-app-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rm-app-slots img,.rm-reel-window img{
  width:100%;
  aspect-ratio:1/1;
  border-radius:8px;
  background:#10101A;
  border:1px solid rgba(255,255,255,.10);
}
.rm-floating-stat{
  position:absolute;
  z-index:2;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(10,10,18,.86);
  border:1px solid rgba(247,201,72,.42);
  color:var(--scene-accent,var(--cc-gold));
  font-weight:1000;
  font-size:12px;
  box-shadow:0 12px 24px rgba(0,0,0,.28);
}
.rm-floating-stat.top{top:92px;right:18px;animation:rm-float 4s ease-in-out infinite}
.rm-floating-stat.bottom{left:18px;bottom:92px;animation:rm-float-alt 4.4s ease-in-out infinite}
.rm-vault-console{
  display:grid;
  grid-template-columns:1fr 148px;
  gap:14px;
  align-items:center;
}
.rm-login-lines{display:grid;gap:7px}
.rm-login-lines strong{font-size:18px;color:#fff}
.rm-dots{letter-spacing:.18em;color:var(--scene-accent,var(--cc-gold))!important}
.rm-dial{
  width:148px;
  height:148px;
  border-radius:50%;
  padding:12px;
  background:conic-gradient(from 0deg,#9B3BE6,#7DD3FC,#F7C948,#22C55E,#9B3BE6);
  animation:rm-spin 8s linear infinite;
}
.rm-dial span{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  background:#10101A;
  border:1px solid rgba(255,255,255,.24);
}
.rm-status-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rm-status-list span{color:#fff;font-weight:900;font-size:12px}
.rm-cabinet{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid rgba(247,201,72,.42);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(247,201,72,.14),rgba(155,59,230,.16));
  transform:rotateX(3deg);
}
.rm-reel-window{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:10px;
  border-radius:8px;
  background:#080810;
  border:1px solid rgba(255,255,255,.12);
  animation:rm-win-flash 4.4s ease-in-out infinite;
}
.rm-jackpot-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.rm-jackpot-line strong{color:var(--cc-gold);font-size:28px}
.rm-jackpot-line span{color:#fff;font-weight:900}
.aviator-game-root{width:100%}
.game-loading{
  min-height:360px;
  display:grid;
  place-items:center;
  border:1px solid rgba(155,59,230,.50);
  border-radius:18px;
  background:#0A0A12;
  color:var(--cc-muted);
  font-weight:900;
}
[data-casino-visual="live-wins-rail"]{
  padding-top:16px;
  padding-bottom:16px;
  padding-left:0;
  padding-right:0;
  overflow:hidden;
  border-top:1px solid rgba(155,59,230,.42);
  border-bottom:1px solid rgba(155,59,230,.42);
  background:#080810;
}
.wins-track{
  display:flex;
  gap:16px;
  width:max-content;
  animation:winsRail 32s linear infinite;
  will-change:transform;
  transform:translate3d(-326px,0,0);
}
.win-item{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 310px;
  min-width:310px;
  background:#201832;
  border:1px solid var(--cc-purple);
  border-radius:999px;
  padding:9px 14px;
  text-decoration:none;
}
.win-item span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.win-item strong{color:var(--cc-gold)}
.win-item em{color:var(--cc-muted);font-weight:800}
.win-slot-icon{border-radius:8px}
[data-casino-visual="slot-lobby-6x6"] h2{
  max-width:var(--cc-max);
  margin:0 auto 22px;
  font-size:clamp(28px,3.8vw,48px);
  line-height:1.08;
  text-wrap:balance;
}
.slot-grid{
  max-width:var(--cc-max);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
}
.slot-card{
  display:grid;
  gap:10px;
  border-radius:8px;
  background:#171725;
  border:1px solid rgba(155,59,230,.72);
  color:#fff;
  text-decoration:none;
  padding:12px;
  font-weight:900;
  min-width:0;
}
.slot-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:6px;
  background:#10101A;
}
.slot-card small{color:var(--cc-gold)}
.story-section{
  max-width:none;
  width:100%;
  margin:0;
  padding:clamp(34px,5vw,76px) max(20px,calc((100vw - var(--cc-story-max))/2));
}
.story-chapter{
  max-width:var(--cc-story-max);
  margin:0 auto;
  padding-inline:0;
}
.story-chapter h2{
  max-width:var(--cc-story-max);
  margin:0 0 18px;
  font-size:clamp(32px,3.6vw,56px);
  line-height:1.04;
}
.story-copy{
  font-size:18px;
  line-height:1.78;
  max-width:100%;
  color:#F5F7FF;
}
.visual-card,.stats-row,.inline-game-strip,.mini-data-table{
  max-width:var(--cc-story-max);
  margin:28px auto;
  padding:22px;
  border-radius:8px;
  border:1px solid var(--tone,var(--cc-purple));
  background:#151523;
}
.visual-card{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.visual-card strong{color:var(--cc-gold)}
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.stats-row span{
  padding:14px;
  border-radius:8px;
  background:#201832;
  color:#fff;
  font-weight:900;
}
.inline-game-strip{display:flex;gap:18px;align-items:center}
.inline-game-strip img{width:96px;height:96px;border-radius:8px;object-fit:cover;flex:0 0 auto}
.mini-data-table{overflow-x:auto}
table{width:100%;min-width:680px;border-collapse:collapse;background:#10101A}
th,td{border:1px solid #493264;padding:13px 14px;text-align:left}
th{color:var(--cc-gold)}
.faq-block{
  width:min(calc(100% - 40px),var(--cc-story-max));
  max-width:var(--cc-story-max);
  margin:0 auto;
  padding:clamp(34px,5vw,64px) 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.faq-block h3{
  grid-column:1/-1;
  margin:0 0 8px;
  font-size:clamp(30px,3.5vw,50px);
  line-height:1.04;
}
details{
  border:1px solid #493264;
  padding:20px;
  margin:0;
  border-radius:8px;
  background:#151523;
  min-width:0;
}
summary{font-size:18px;font-weight:900}
details p{line-height:1.65;color:#EEF0FA}
[data-casino-content="user-comments"]{
  width:min(calc(100% - 40px),var(--cc-story-max));
  max-width:var(--cc-story-max);
  margin:0 auto;
  padding:clamp(24px,4vw,52px) 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.comment-card{
  min-width:0;
  min-height:188px;
  padding:22px;
  display:grid;
  gap:10px;
  align-content:start;
}
.comment-card strong{color:var(--cc-gold);font-size:18px}
.comment-card p{color:#EEF0FA;line-height:1.58}
[data-casino-content="author-eeat"]{
  width:min(calc(100% - 40px),var(--cc-story-max));
  max-width:var(--cc-story-max);
  margin:0 auto;
  display:flex;
  gap:18px;
  align-items:center;
  padding:22px;
}
[data-casino-content="author-eeat"] img{width:100px;height:100px;border-radius:8px;object-fit:cover}
[data-casino-content="payment-strip"]{
  width:min(calc(100% - 40px),var(--cc-story-max));
  max-width:var(--cc-story-max);
  margin:0 auto 40px;
  display:flex;
  gap:16px;
  align-items:center;
  padding:20px;
}
[data-casino-content="payment-strip"] img{max-width:80px;max-height:40px}
footer{
  padding:34px max(20px,calc((100vw - var(--cc-max))/2));
  background:#050508;
  border-top:2px solid var(--cc-purple);
}
footer p{max-width:880px;color:var(--cc-muted);line-height:1.65}
.legal-hero,.legal-copy{max-width:1040px;margin:auto}
.legal-copy p{font-size:18px;line-height:1.75}
@keyframes winsRail{from{transform:translate3d(-326px,0,0)}to{transform:translate3d(-2282px,0,0)}}
@keyframes rm-float{
  0%,100%{transform:translateY(0) rotateY(-8deg) rotateX(4deg)}
  50%{transform:translateY(-10px) rotateY(-5deg) rotateX(5deg)}
}
@keyframes rm-float-alt{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes rm-spin{to{transform:rotate(360deg)}}
@keyframes rm-win-flash{
  0%,100%{box-shadow:0 0 0 rgba(247,201,72,0)}
  50%{box-shadow:0 0 34px rgba(247,201,72,.26)}
}
@media (max-width:900px){
  header{gap:16px}
  nav{gap:14px}
  .faq-block{grid-template-columns:1fr}
  [data-casino-content="user-comments"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-casino-visual="casino-hero"],.secondary-hero{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:44px;
    padding-bottom:44px;
  }
  .hero-copy h1{font-size:clamp(38px,10vw,58px)}
  .hero-product{max-width:520px}
  .secondary-product{max-width:min(520px,100%)}
}
@media (max-width:720px){
  header{min-height:76px}
  header>a:first-child{min-width:0}
  header>a:first-child img{height:36px;max-width:170px}
  nav{display:none}
  .header-cta{margin-left:auto;padding-inline:16px}
  .btn{width:100%;margin:0 0 10px}
  .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-casino-content="user-comments"]{grid-template-columns:1fr}
  [data-casino-content="author-eeat"],[data-casino-content="payment-strip"],.inline-game-strip{flex-direction:column;align-items:flex-start}
  table{min-width:620px}
  .secondary-hero{background-size:auto,cover,36px 36px,36px 36px}
  .secondary-product>strong{white-space:normal;width:100%}
  .rich-mockup{min-height:auto;padding:16px}
  .rm-vault-stack,.rm-vault-console,.rm-status-list{grid-template-columns:1fr}
  .rm-vault-door{min-height:184px;transform:none;animation:none}
  .rm-vault-door strong{font-size:34px}
  .rm-vault-ring{width:112px;height:112px}
  .rm-phone-shell{width:100%;max-width:300px;transform:none;border-radius:18px;animation:none}
  .rm-phone-screen{min-height:286px;border-radius:14px}
  .rm-floating-stat{position:static;justify-self:start}
  .rm-floating-stat.top,.rm-floating-stat.bottom{animation:none}
  .rm-dial{width:128px;height:128px;margin:auto}
  .rm-reel-window{gap:7px}
  .rm-proof-row span,.rm-security-strip span,.rm-provider-chips span,.rm-phone-nav span{min-width:0}
}
@media (prefers-reduced-motion:reduce){
  *,.wins-track{animation:none!important;scroll-behavior:auto!important}
}