:root{--bg:#0b0612;--bg2:#12081f;--card:#190e28;--card2:#211132;--line:rgba(224,190,255,.16);--line2:rgba(183,96,255,.42);--text:#fffaf5;--muted:#c9bbd3;--purple:#a246ff;--violet:#7418da;--orange:#ff9d32;--green:#2de296;--red:#ff738e;--shadow:0 25px 80px rgba(0,0,0,.36);--radius:26px;--shell:1240px;--header:76px}

*{box-sizing:border-box}
html{scroll-behavior:smooth;
scroll-padding-top:calc(var(--header) + 20px)}
body{margin:0;
color:var(--text);
background:var(--bg);
font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
overflow-x:hidden}
img{display:block;
max-width:100%}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin-top:0}
h1,h2,h3{line-height:1.08;
letter-spacing:-.035em}
h1{max-width:820px;
margin-bottom:24px;
font-size:clamp(3.6rem,6.7vw,6.5rem)}
h2{margin-bottom:20px;
font-size:clamp(2rem,4.1vw,3.65rem)}
h3{margin-bottom:10px;
font-size:1.05rem}
.shell{width:min(calc(100% - 40px),var(--shell));
margin-inline:auto}
.skip-link{position:fixed;
top:12px;
left:12px;
z-index:500;
padding:10px 14px;
border-radius:9px;
background:white;
color:#15101b;
transform:translateY(-150%)}
.skip-link:focus{transform:none}
.reading-progress{position:fixed;
top:0;
left:0;
z-index:200;
width:100%;
height:3px;
background:transparent}
.reading-progress span{display:block;
width:100%;
height:100%;
background:linear-gradient(90deg,var(--orange),var(--purple),var(--green));
transform:scaleX(0);
transform-origin:left center}

.site-header{position:sticky;
top:0;
z-index:100;
min-height:var(--header);
border-bottom:1px solid var(--line);
background:rgba(11,6,18,.9);
backdrop-filter:blur(18px)}
.header-inner{display:flex;
align-items:center;
min-height:var(--header);
gap:28px}
.brand{flex:0 0 auto}
.brand img{width:190px;
height:auto}
.desktop-nav{display:flex;
gap:26px;
margin-left:auto}
.desktop-nav a{color:#d9cde2;
font-size:.92rem;
font-weight:750;
text-decoration:none}
.desktop-nav a:hover{color:white}
.header-actions,.hero-actions,.final-actions{display:flex;
align-items:center;
gap:10px}
.button{display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:10px 18px;
border:1px solid transparent;
border-radius:12px;
font-size:.93rem;
font-weight:850;
line-height:1.1;
text-decoration:none;
transition:.2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#08150f;
background:linear-gradient(135deg,#39eea7,#21c87f);
box-shadow:0 12px 34px rgba(45,226,150,.2)}
.button-ghost{border-color:var(--line);
background:rgba(255,255,255,.035)}
.button-ghost:hover{border-color:var(--line2);
background:rgba(162,70,255,.1)}
.button-large{min-height:52px;
padding-inline:24px;
border-radius:14px;
font-size:1rem}
.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(45,226,150,.5);
outline-offset:3px}
.menu-toggle{display:none;
width:44px;
height:42px;
padding:10px;
border:1px solid var(--line);
border-radius:12px;
background:#140b20}
.menu-toggle span{display:block;
height:2px;
margin:4px 0;
border-radius:2px;
background:white}
.mobile-menu{position:absolute;
top:calc(100% + 8px);
right:20px;
width:260px;
padding:10px;
border:1px solid var(--line2);
border-radius:16px;
background:#170c24;
box-shadow:var(--shadow)}
.mobile-menu a{display:block;
padding:11px 12px;
border-radius:9px;
text-decoration:none;
font-weight:750}
.mobile-menu a:hover{background:rgba(162,70,255,.12)}

.hero{position:relative;
min-height:720px;
isolation:isolate;
overflow:hidden;
border-bottom:1px solid rgba(255,157,50,.18)}
.hero-backdrop{position:absolute;
inset:0;
z-index:-2;
background:url("img/hero.jpg") center/cover no-repeat}
.hero:before{position:absolute;
inset:0;
z-index:-1;
content:"";
background:linear-gradient(90deg,rgba(9,4,15,.99),rgba(11,4,20,.92) 43%,rgba(11,4,20,.3) 70%,rgba(11,4,20,.43)),linear-gradient(0deg,var(--bg),transparent 25%)}
.hero-grid{display:grid;
grid-template-columns:minmax(0,1fr) 340px;
align-items:center;
min-height:720px;
gap:64px;
padding-block:76px}
.hero-copy{max-width:800px}
.eyebrow{margin-bottom:15px;
color:#d99cff;
font-size:.78rem;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase}
.eyebrow span{display:inline-block;
width:34px;
height:2px;
margin-right:10px;
vertical-align:middle;
background:var(--orange)}
.hero-lead{max-width:700px;
margin-bottom:30px;
color:#eee4f4;
font-size:clamp(1.05rem,1.8vw,1.28rem)}
.hero-facts{display:flex;
flex-wrap:wrap;
gap:9px;
margin:28px 0 0;
padding:0;
list-style:none}
.hero-facts li{padding:7px 11px;
border:1px solid rgba(212,160,255,.24);
border-radius:999px;
background:rgba(45,18,66,.54);
font-size:.78rem;
font-weight:800}
.hero-panel{align-self:end;
margin-bottom:34px;
padding:22px;
border:1px solid rgba(220,174,255,.22);
border-radius:24px;
background:rgba(19,8,31,.84);
box-shadow:var(--shadow);
backdrop-filter:blur(16px)}
.panel-kicker{font-size:.8rem;
font-weight:850;
letter-spacing:.08em;
text-transform:uppercase}
.hero-panel ol{display:grid;
gap:10px;
margin:0;
padding:0;
list-style:none}
.hero-panel li{display:grid;
grid-template-columns:38px 1fr;
align-items:center;
gap:12px;
padding:12px;
border:1px solid var(--line);
border-radius:14px;
background:rgba(255,255,255,.025)}
.hero-panel li>span{color:var(--green);
font-weight:900}
.hero-panel strong,.hero-panel small{display:block}
.hero-panel small{color:var(--muted)}
.panel-link{display:flex;
justify-content:space-between;
margin-top:17px;
color:#e0bcff;
font-weight:850;
text-decoration:none}
.risk-strip{border-bottom:1px solid rgba(255,157,50,.22);
background:#110d10}
.risk-inner{display:flex;
align-items:center;
gap:18px;
padding-block:16px}
.risk-inner strong{color:#ffc05a;
font-size:1.28rem}
.risk-inner p{margin:0;
color:#eadccd;
font-size:.9rem}

.contents{margin-block:58px 90px;
padding:38px;
border:1px solid var(--line);
border-radius:30px;
background:linear-gradient(145deg,#1c0d2c,#12091e);
box-shadow:var(--shadow)}
.section-heading{max-width:900px;
margin:0 auto 30px}
.section-heading.centered{text-align:center}
.section-heading>p:last-child{color:var(--muted)}
.toc{display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px}
.toc a{display:grid;
grid-template-columns:36px 1fr;
align-items:center;
min-height:72px;
padding:12px;
border:1px solid var(--line);
border-radius:14px;
background:rgba(255,255,255,.025);
font-size:.87rem;
font-weight:800;
line-height:1.35;
text-decoration:none;
transition:.2s}
.toc a:hover,.toc a.active{border-color:var(--line2);
background:rgba(162,70,255,.12);
transform:translateY(-2px)}
.toc a span{display:grid;
place-items:center;
width:28px;
height:28px;
border-radius:8px;
color:#0a140f;
background:var(--green);
font-size:.72rem;
font-weight:950}

.content-track{position:relative}
.content-track:before{position:absolute;
top:0;
bottom:0;
left:35px;
width:1px;
content:"";
background:linear-gradient(var(--purple),var(--orange),var(--green),transparent)}
.story-section{position:relative;
display:grid;
grid-template-columns:74px minmax(0,1fr);
gap:28px;
margin-bottom:34px;
padding:38px;
border:1px solid var(--line);
border-radius:var(--radius);
background:linear-gradient(145deg,rgba(29,14,45,.97),rgba(18,9,29,.97));
box-shadow:0 18px 60px rgba(0,0,0,.22)}
.media-section{grid-template-columns:74px minmax(0,1fr) minmax(300px,.7fr)}
.section-number{position:relative;
z-index:1;
display:grid;
place-items:center;
width:58px;
height:58px;
border:6px solid var(--bg);
border-radius:50%;
color:#0b110e;
background:linear-gradient(135deg,var(--orange),#ffd56e);
font-weight:950}
.story-copy{min-width:0}
.story-copy>p{color:var(--muted)}
.story-copy strong{color:#fff}
.note{padding:16px 18px;
border-left:3px solid var(--green);
border-radius:0 13px 13px 0;
background:rgba(45,226,150,.07)}
.fact-table,.kyc-table,.security-table{display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
margin:22px 0}
.fact-table>div,.kyc-table>div,.security-table>div{padding:16px;
border:1px solid var(--line);
border-radius:14px;
background:rgba(255,255,255,.025)}
.fact-table span,.fact-table strong,.kyc-table span,.kyc-table strong,.security-table span,.security-table strong{display:block}
.fact-table span,.kyc-table span,.security-table span{color:#d5aaff;
font-size:.75rem;
font-weight:850;
text-transform:uppercase}
.fact-table strong,.kyc-table strong,.security-table strong{margin-top:5px}
.kyc-table p,.security-table p{margin:8px 0 0;
color:var(--muted);
font-size:.86rem}
.check-grid,.registration-grid,.steps,.reviews-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin:22px 0}
.registration-grid,.reviews-grid{grid-template-columns:repeat(2,1fr)}
.check-grid article,.registration-grid article,.steps article,.reviews-grid article,.promo-flow article,.mobile-list article{padding:17px;
border:1px solid var(--line);
border-radius:15px;
background:rgba(255,255,255,.025)}
.check-grid b,.registration-grid span,.reviews-grid span{color:var(--green);
font-size:.76rem}
.check-grid p,.registration-grid p,.steps p,.reviews-grid p,.promo-flow p,.mobile-list p{margin:0;
color:var(--muted);
font-size:.87rem}
.steps article{display:flex;
gap:12px}
.steps span,.promo-flow span{display:grid;
place-items:center;
flex:0 0 34px;
width:34px;
height:34px;
border-radius:9px;
color:#160820;
background:var(--orange);
font-weight:950}
.comparison{display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin:22px 0}
.comparison>div{padding:20px;
border:1px solid var(--line);
border-radius:16px;
background:#12091e}
.comparison ul{margin:0;
padding-left:20px;
color:var(--muted)}
.comparison li+li{margin-top:7px}
.media-card{align-self:start;
margin:0;
overflow:hidden;
border:1px solid var(--line);
border-radius:20px;
background:#10091a}
.media-card img{width:100%;
height:310px;
object-fit:cover}
.media-card figcaption{padding:11px 14px;
color:var(--muted);
font-size:.78rem}
.media-card.portrait img{height:410px;
object-position:center}
.games-grid{display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin:22px 0}
.games-grid article{overflow:hidden;
border:1px solid var(--line);
border-radius:16px;
background:#12091e}
.games-grid img{width:100%;
aspect-ratio:3/4;
object-fit:cover}
.games-grid article div{padding:12px}
.games-grid h3{font-size:.94rem}
.games-grid p{margin:0;
color:var(--muted);
font-size:.76rem}
.bonus-table,.data-table{margin:22px 0;
overflow:hidden;
border:1px solid var(--line);
border-radius:16px}
.bonus-table>div,.data-table>div{display:grid;
grid-template-columns:1fr 1.3fr 1.5fr}
.data-table>div{grid-template-columns:1.2fr .8fr .8fr 1.5fr}
.bonus-table span,.data-table span{padding:12px;
border-bottom:1px solid var(--line);
color:var(--muted);
font-size:.84rem}
.bonus-table span+span,.data-table span+span{border-left:1px solid var(--line)}
.bonus-table .table-head,.data-table .table-head{background:rgba(162,70,255,.14)}
.table-head span{color:#fff;
font-weight:850}
.bonus-visual{align-self:start;
padding:25px;
border:1px solid var(--line2);
border-radius:20px;
background:radial-gradient(circle at top right,rgba(162,70,255,.35),transparent 60%),#12091e}
.bonus-visual img{width:96px;
height:96px;
margin-bottom:20px;
object-fit:contain}
.bonus-visual ol{margin-bottom:0;
padding-left:22px;
color:var(--muted)}
.promo-flow,.mobile-list{display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin:22px 0}
.promo-flow article{display:grid;
grid-template-columns:34px 1fr;
gap:10px}
.promo-flow article p{grid-column:2}
.crypto-grid{display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin:20px 0}
.crypto-grid article,.withdraw-grid article{padding:16px;
border:1px solid var(--line);
border-radius:14px;
background:rgba(255,255,255,.025)}
.crypto-grid strong{color:var(--green)}
.crypto-grid p{margin:7px 0 0;
color:var(--muted);
font-size:.82rem}
.withdraw-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin:22px 0}
.withdraw-grid span,.withdraw-grid strong{display:block}
.withdraw-grid span{color:#d6a8ff;
font-size:.8rem}
.withdraw-grid strong{margin:5px 0;
font-size:1.5rem}
.withdraw-grid p{margin:0;
color:var(--muted);
font-size:.86rem}
.timeline{display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
margin:22px 0}
.timeline article{padding:15px;
border-top:2px solid var(--orange);
background:#12091e}
.timeline p{margin:5px 0 0;
color:var(--muted);
font-size:.82rem}
.support-template{margin:22px 0;
padding:20px;
border:1px solid var(--line);
border-radius:16px;
background:#12091e}
.support-template ul{display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin:0;
padding:0;
list-style:none;
color:var(--muted)}
.faq-list{display:grid;
gap:10px}
.faq-list details{border:1px solid var(--line);
border-radius:14px;
background:rgba(255,255,255,.025)}
.faq-list summary{display:flex;
justify-content:space-between;
gap:20px;
padding:17px 18px;
cursor:pointer;
font-weight:850;
list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--green);
font-size:1.2rem}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{padding:0 18px 18px;
margin:0;
color:var(--muted)}

.final-cta{padding:42px 0;
border-block:1px solid var(--line);
background:linear-gradient(90deg,#1d0a2f,#35104e,#141024)}
.final-cta-inner{display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:40px}
.final-cta h2{margin-bottom:12px;
font-size:2.35rem}
.final-cta p:not(.eyebrow){max-width:760px;
margin-bottom:0}
.site-footer{padding:58px 0 100px;
background:#07040c}
.footer-grid{display:grid;
grid-template-columns:1.5fr .8fr .8fr 1fr;
gap:36px}
.footer-brand img{width:190px;
height:auto;
margin-bottom:20px}
.footer-brand p,.footer-meta p{max-width:340px;
color:var(--muted);
font-size:.86rem}
.site-footer h2{font-size:.8rem;
text-transform:uppercase;
letter-spacing:.1em}
.site-footer>div>div:not(.footer-brand):not(.footer-meta) a{display:block;
margin:8px 0;
color:var(--muted);
text-decoration:none}
.footer-meta strong{color:#ffc05a;
font-size:1.4rem}
.mobile-cta{display:none}
.error-page{width:min(calc(100% - 32px),700px);
margin:18vh auto;
padding:40px;
border:1px solid var(--line);
border-radius:24px;
background:var(--card)}

@media(max-width:1080px){.hero-grid{grid-template-columns:1fr}
.hero-panel{display:none}
.media-section{grid-template-columns:74px 1fr}
.media-section .media-card,.media-section .bonus-visual{grid-column:2}
.toc{grid-template-columns:1fr 1fr}
.games-grid{grid-template-columns:repeat(4,1fr)}
.crypto-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1.2fr 1fr 1fr}
.footer-meta{grid-column:1/-1}
}

@media(max-width:860px){:root{--header:70px}
.desktop-nav,.login-link{display:none}
.menu-toggle{display:block}
.header-actions{margin-left:auto}
.hero{min-height:auto}
.hero-grid{min-height:650px;
padding-block:70px}
.hero:before{background:linear-gradient(90deg,rgba(9,4,15,.96),rgba(11,4,20,.78) 70%,rgba(11,4,20,.5))}
.story-section,.media-section{grid-template-columns:64px 1fr;
padding:30px 24px}
.media-section .media-card,.media-section .bonus-visual{grid-column:2}
.games-grid{grid-template-columns:repeat(3,1fr)}
.check-grid,.steps,.promo-flow,.mobile-list,.timeline{grid-template-columns:1fr 1fr}
.toc{grid-template-columns:1fr 1fr}
.bonus-table,.data-table{overflow-x:auto}
.bonus-table>div{min-width:680px}
.data-table>div{min-width:750px}
}

@media(max-width:620px){:root{--header:66px;--radius:20px}
body{font-size:16px}
.shell{width:min(calc(100% - 28px),var(--shell))}
.header-inner{gap:9px}
.brand img{width:142px}
.header-actions{gap:7px}
.header-actions .button-primary{min-height:40px;
padding-inline:12px;
font-size:.82rem}
.menu-toggle{width:42px;
height:40px}
.mobile-menu{right:14px;
width:calc(100% - 28px)}
.hero-grid{min-height:0;
padding-block:65px 46px}
.hero-backdrop{opacity:.48;
background-position:67% center}
.hero:before{background:linear-gradient(180deg,rgba(9,4,15,.68),rgba(9,4,15,.92) 55%,var(--bg)),linear-gradient(90deg,rgba(9,4,15,.86),rgba(9,4,15,.45))}
h1{font-size:clamp(2.65rem,12.7vw,4.2rem);
letter-spacing:-.05em}
h2{font-size:clamp(1.85rem,9vw,2.8rem)}
.hero-lead{font-size:1rem}
.hero-actions{align-items:stretch;
flex-direction:column}
.hero-actions .button{width:100%}
.risk-inner{align-items:flex-start}
.contents{margin-block:42px 66px;
padding:24px 16px;
border-radius:22px}
.toc{grid-template-columns:1fr}
.toc a{min-height:64px}
.content-track:before{display:none}
.story-section,.media-section{display:block;
margin-bottom:26px;
padding:24px 18px}
.section-number{width:48px;
height:48px;
margin:-47px 0 20px -4px;
border-color:var(--bg)}
.media-section .media-card,.media-section .bonus-visual{margin-top:24px}
.fact-table,.check-grid,.steps,.comparison,.registration-grid,.games-grid,.promo-flow,.mobile-list,.crypto-grid,.withdraw-grid,.kyc-table,.support-template ul,.reviews-grid,.security-table,.final-cta-inner,.footer-grid{grid-template-columns:1fr}
.games-grid{grid-template-columns:1fr 1fr}
.timeline{grid-template-columns:1fr 1fr}
.media-card img,.media-card.portrait img{height:270px}
.bonus-table>div,.data-table>div{display:grid;
min-width:0;
grid-template-columns:1fr}
.bonus-table .table-head,.data-table .table-head{display:none}
.bonus-table>div:not(.table-head),.data-table>div:not(.table-head){margin:10px;
border:1px solid var(--line);
border-radius:12px}
.bonus-table span,.data-table span{border:0!important;
padding:8px 12px}
.bonus-table span:first-child,.data-table span:first-child{color:#fff;
font-weight:850;
background:rgba(162,70,255,.12)}
.final-cta{padding-block:34px}
.final-actions{align-items:stretch;
flex-direction:column}
.site-footer{padding-bottom:100px}
.mobile-cta{position:fixed;
right:10px;
bottom:max(10px,env(safe-area-inset-bottom));
left:10px;
z-index:90;
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:8px;
padding:8px;
border:1px solid var(--line2);
border-radius:17px;
background:rgba(12,6,18,.94);
box-shadow:0 18px 50px rgba(0,0,0,.48);
backdrop-filter:blur(16px)}
.mobile-cta .button{min-height:46px}
}

@media(max-width:430px){.brand img{width:132px}
.header-actions .button-primary{padding-inline:9px;
font-size:.75rem}
.menu-toggle{width:40px}
h1{font-size:2.6rem}
.games-grid{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important}
}