*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1630;color:#edf8f7;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.68}a{color:#82e7ff;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(9,19,43,.94);backdrop-filter:blur(14px);border-bottom:1px solid #2b3d68}.nav{height:72px;display:flex;align-items:center;gap:26px}.brand{font-size:29px;font-weight:900;color:white;letter-spacing:-1px}.brand i{font-style:normal;color:#ff5edb}.links{display:flex;gap:22px;margin-left:auto;align-items:center}.links a{color:#e8ecff;font-weight:700;font-size:14px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:13px 20px;font-weight:900;color:#091126;background:linear-gradient(135deg,#62e9ff,#a978ff 55%,#ff72d7);box-shadow:0 8px 26px rgba(83,241,216,.14);cursor:pointer}.btn.secondary{background:#17274d;color:#dff9f5;border:1px solid #5266a0;box-shadow:none}.hero{min-height:570px;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid #2b3d68;background:#101a3c}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,43,.66),rgba(30,22,58,.22),rgba(10,16,43,.68)),url('img/clean-hero.png') center/cover no-repeat;filter:saturate(1.05) brightness(1.04)}.hero:after{content:'';position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,94,219,.20),transparent 65%);right:-160px;top:-180px}.hero-inner{position:relative;z-index:2;text-align:center;max-width:900px;padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#7de9ff;font-weight:900;font-size:12px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;margin:16px 0 20px;letter-spacing:-2.7px}.hero p{font-size:19px;color:#f0efff;max-width:760px;margin:0 auto 30px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trustbar{margin-top:-34px;position:relative;z-index:5}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#142247;border:1px solid #354c82;border-radius:18px;padding:12px;box-shadow:0 18px 50px #0006}.trust{padding:15px;text-align:center}.trust b{display:block;color:#fff}.trust span{font-size:13px;color:#aebce4}section{padding:76px 0}.alt{background:#111d3f}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h2{font-size:36px;line-height:1.15;margin:0;letter-spacing:-1px}.section-head p{max-width:610px;margin:0;color:#bdc8e8}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#182a55,#121d3d);border:1px solid #344b80;border-radius:18px;padding:24px;position:relative;overflow:hidden}.card:before{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:#ff5edb14;right:-25px;top:-25px}.card h3{margin:4px 0 8px;font-size:21px}.card p{color:#c2cbea;margin:0}.num{font-weight:900;color:#ffd86b;font-size:13px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}.visual{border-radius:20px;border:1px solid #40568c;background:#101b39;padding:14px;overflow:hidden}.visual img{width:100%;max-height:390px;object-fit:contain;border-radius:14px}.banner{position:relative;overflow:hidden;border:1px solid #6a65b5;border-radius:24px;padding:34px;background:linear-gradient(115deg,#1d3970 0%,#3a2868 52%,#6c2f68 100%)}.banner:after{content:'%';position:absolute;right:7%;top:-46px;font-size:220px;font-weight:1000;color:#ffd86b0d;transform:rotate(8deg)}.banner .content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{margin:0 0 8px;font-size:31px}.banner p{margin:0;color:#f0eefe;max-width:680px}.code{font-size:30px;font-weight:1000;letter-spacing:1px;color:#ffd86b}.games{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.game{border-radius:16px;overflow:hidden;background:#17264d;border:1px solid #354d83;transition:.2s}.game:hover{transform:translateY(-5px);border-color:#ff70d6}.game img{aspect-ratio:3/4;object-fit:cover;width:100%}.game .gmeta{padding:10px 12px}.game small{color:#79e9ff;font-weight:900}.game b{display:block;color:#fff}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid #28515a;background:#17264d;color:#b8d2cf;border-radius:999px;padding:9px 15px;font-weight:800;cursor:pointer}.tab.active{background:#d4ff70;color:#0b1718;border-color:#ffd86b}.panel{display:none}.panel.active{display:block}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo{border:1px solid #2c5b62;border-radius:20px;padding:22px;background:linear-gradient(160deg,#102931,#0a1a20);box-shadow:inset 0 1px 0 #ffffff0b}.promo.primary{border-color:#8aa93d;background:linear-gradient(160deg,#18383a,#192b20)}.promo .tag{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#72e8d8}.promo h3{font-size:26px;margin:8px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.fact{background:#07171c;border:1px solid #173940;border-radius:10px;padding:10px}.fact small{display:block;color:#719793}.fact b{font-size:13px}.promo .btn{width:100%;margin-top:8px}.copy{width:100%;padding:10px;border-radius:10px;border:1px dashed #4b7677;background:#0a1b20;color:#dff6f3;font-weight:800;cursor:pointer}.steps{counter-reset:step;display:grid;gap:18px}.step{display:grid;grid-template-columns:70px 1fr 1fr;gap:22px;align-items:center;background:#0a1d24;border:1px solid #1c4148;border-radius:20px;padding:18px}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#d4ff70;color:#061416;font-weight:1000;font-size:20px}.step img{border-radius:12px;max-height:280px;object-fit:contain;margin:auto}.faq details{border-bottom:1px solid #1d3a40;padding:17px 0}.faq summary{font-weight:850;cursor:pointer}.faq p{color:#aac4c1}.footer{padding:50px 0 30px;border-top:1px solid #2c3e70;background:#081127}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer h4{margin:0 0 10px}.footer a{display:block;color:#aebbe0;margin:5px 0}.legal{font-size:12px;color:#7f8fbd;margin-top:30px}.burger{display:none;margin-left:auto;background:none;border:1px solid #2a4b52;color:white;border-radius:10px;padding:8px 11px}.mobile-menu{display:none}.doc-hero{padding:80px 0 44px;background:#0b1630;border-bottom:1px solid #17333a}.doc-hero h1{font-size:46px;margin:0}.article{max-width:900px}.article h2{margin-top:38px}.article p,.article li{color:#bdd1cf}.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:30}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(80px);background:#d4ff70;color:#071319;padding:10px 18px;border-radius:999px;font-weight:900;opacity:0;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.links{display:none}.burger{display:block}.mobile-menu.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#111e40;border-bottom:1px solid #334a7d;padding:16px 20px;flex-direction:column;gap:12px}.mobile-menu a{color:white;font-weight:800}.grid3,.promo-grid{grid-template-columns:1fr}.games{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.step{grid-template-columns:60px 1fr}.step img{grid-column:1/-1}.footgrid{grid-template-columns:1fr 1fr}.trustgrid{grid-template-columns:1fr 1fr}.banner .content{flex-direction:column;text-align:center}.section-head{display:block}.section-head p{margin-top:8px}}
@media(max-width:600px){.wrap{width:min(100% - 24px,1160px)}.hero{min-height:530px}.hero h1{font-size:43px}.hero p{font-size:16px}.trustgrid{grid-template-columns:1fr 1fr}.games{grid-template-columns:repeat(2,1fr)}section{padding:55px 0}.section-head h2{font-size:29px}.footgrid{grid-template-columns:1fr}.step{grid-template-columns:1fr}.step:before{width:42px;height:42px}.facts{grid-template-columns:1fr}.sticky-cta{right:12px;bottom:12px}.sticky-cta .btn{padding:11px 14px}.doc-hero h1{font-size:36px}}

/* v2 brighter identity */
body{background:linear-gradient(180deg,#0b1630 0,#0d1732 45%,#0a132b 100%)}
section:not(.hero):not(.alt){background:#0d1732}.hero{min-height:540px}.hero:before{opacity:.92}.trustbar{margin-top:-30px}
.card,.promo,.visual,.trustgrid{box-shadow:0 18px 55px rgba(3,7,24,.22)}
.footer{background:linear-gradient(180deg,#0a1430,#070e21)}.footer-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0 34px;margin-bottom:34px;border-bottom:1px solid #2c3e70}.footer-cta h3{font-size:26px;margin:0 0 5px}.footer-cta p{margin:0;color:#aebbe0}.footer-actions{display:flex;gap:10px;flex-wrap:wrap}.footer-actions .btn{min-width:150px}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border:1px solid #40568c;border-radius:10px;display:grid;place-items:center}.socials svg{width:19px;fill:#dfe7ff}.content-copy{max-width:900px}.content-copy p{color:#c6d0ee}.content-copy h3{margin-top:28px}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.info-strip .card{padding:18px}.footer .brand{margin-bottom:12px}@media(max-width:700px){.footer-cta{display:block}.footer-actions{margin-top:18px}.info-strip{grid-template-columns:1fr}}

/* Home casino originals — individual affiliate cards */
.casino-copy{max-width:780px}
.casino-originals-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:32px;align-items:end}
.casino-original-card{display:block;text-decoration:none;color:inherit;transition:transform .2s ease,filter .2s ease}
.casino-original-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid rgba(126,230,255,.2);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.casino-original-card span{display:block;text-align:center;font-weight:800;margin-top:9px;color:var(--text,#fff)}
.casino-original-card:hover{transform:translateY(-7px);filter:brightness(1.08)}
@media(max-width:980px){.casino-originals-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.casino-originals-row{grid-template-columns:repeat(2,1fr);gap:12px}.casino-copy{max-width:none}}

/* Home casino fan — separate clickable cards */
.casino-fan{display:flex;justify-content:center;align-items:flex-end;min-height:315px;margin:28px auto 6px;padding:32px 5% 8px;overflow:visible;max-width:1040px}
.casino-fan .casino-original-card{width:175px;flex:0 0 175px;margin-left:-28px;transform-origin:50% 115%;position:relative;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));z-index:2}
.casino-fan .casino-original-card:first-child{margin-left:0;transform:rotate(-13deg) translateY(24px)}
.casino-fan .casino-original-card:nth-child(2){transform:rotate(-8deg) translateY(9px);z-index:3}
.casino-fan .casino-original-card:nth-child(3){transform:rotate(-3deg);z-index:4}
.casino-fan .casino-original-card:nth-child(4){transform:rotate(3deg);z-index:5}
.casino-fan .casino-original-card:nth-child(5){transform:rotate(8deg) translateY(9px);z-index:4}
.casino-fan .casino-original-card:nth-child(6){transform:rotate(13deg) translateY(24px);z-index:3}
.casino-fan .casino-original-card img{aspect-ratio:3/4;object-fit:cover;border-radius:16px}
.casino-fan .casino-original-card span{font-size:.86rem;margin-top:7px}
.casino-fan .casino-original-card:hover{z-index:20;filter:drop-shadow(0 22px 30px rgba(71,211,255,.22)) brightness(1.08)}
.casino-fan .casino-original-card:first-child:hover{transform:rotate(-13deg) translateY(12px) scale(1.045)}
.casino-fan .casino-original-card:nth-child(2):hover{transform:rotate(-8deg) translateY(-3px) scale(1.045)}
.casino-fan .casino-original-card:nth-child(3):hover{transform:rotate(-3deg) translateY(-12px) scale(1.045)}
.casino-fan .casino-original-card:nth-child(4):hover{transform:rotate(3deg) translateY(-12px) scale(1.045)}
.casino-fan .casino-original-card:nth-child(5):hover{transform:rotate(8deg) translateY(-3px) scale(1.045)}
.casino-fan .casino-original-card:nth-child(6):hover{transform:rotate(13deg) translateY(12px) scale(1.045)}
@media(max-width:900px){.casino-fan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0;padding:20px 0}.casino-fan .casino-original-card,.casino-fan .casino-original-card:first-child,.casino-fan .casino-original-card:nth-child(n){width:auto;transform:none;margin:0}.casino-fan .casino-original-card:hover,.casino-fan .casino-original-card:nth-child(n):hover{transform:translateY(-6px) scale(1.02)}}
@media(max-width:560px){.casino-fan{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* v6: richer promo banner + native crypto details */
.banner{isolation:isolate;background:linear-gradient(112deg,#243f85 0%,#4c2c83 48%,#8b326f 100%);box-shadow:0 18px 50px rgba(26,35,96,.28)}
.banner:before{content:'₿';position:absolute;right:172px;top:22px;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd86b,#ff9d42);color:#4b2600;font-size:34px;font-weight:1000;transform:rotate(-10deg);box-shadow:0 10px 28px #0005,0 0 0 7px #ffffff10;z-index:0}
.banner:after{content:'◈';right:105px;top:74px;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#72e8ff,#8f76ff);color:#101a3c;font-size:30px;font-weight:1000;transform:rotate(12deg);box-shadow:0 10px 26px #0005;z-index:0}
.banner .content:after{content:'WALLET';position:absolute;right:8px;bottom:-25px;padding:7px 11px;border:1px solid #ffffff2b;border-radius:9px;background:#0c1739aa;color:#bdefff;font-size:10px;font-weight:900;letter-spacing:1.4px;box-shadow:0 8px 20px #0004}
.banner .content{padding-right:185px}.banner .content>div:last-child{position:relative;z-index:3}
.promo-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:26px;overflow:hidden;border:1px solid #3b5188;border-radius:16px;background:#111f43}
.promo-table th,.promo-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #2e416f}.promo-table th{background:#182b59;color:#8cecff;font-size:12px;text-transform:uppercase;letter-spacing:1px}.promo-table tr:last-child td{border-bottom:0}.promo-table td:first-child{font-weight:900;color:#fff}.promo-table .table-cta{display:inline-flex;margin:0;color:#091126;font-weight:900;background:linear-gradient(135deg,#62e9ff,#ff72d7);padding:7px 11px;border-radius:9px}
.socials a{background:#101d3d;transition:.2s}.socials a:hover{transform:translateY(-2px);border-color:#82e7ff;background:#162951}.socials svg{width:20px;height:20px;fill:#fff}
@media(max-width:900px){.banner .content{padding-right:0}.banner:before,.banner:after,.banner .content:after{opacity:.32}.promo-table{font-size:14px}}
@media(max-width:600px){.promo-table th:nth-child(3),.promo-table td:nth-child(3){display:none}.promo-table th,.promo-table td{padding:11px 9px}}

/* v7 header + high-impact promo banner */
.nav{position:relative}.links{margin-left:0;flex:1;justify-content:center}.header-login{background:linear-gradient(135deg,#ffcf3f,#ff7a45 48%,#ff4fc3);color:#10162f;border:1px solid #ffd76b;box-shadow:0 8px 24px #ff6b9b33}.mobile-login{display:none;margin-left:auto;padding:10px 14px;font-size:12px}.burger{margin-left:0}.mobile-menu{z-index:60}
.banner{min-height:245px;padding:38px 42px;background:radial-gradient(circle at 83% 28%,#ffcf3f2e 0 7%,transparent 8%),radial-gradient(circle at 92% 75%,#ff55ca24 0 12%,transparent 13%),linear-gradient(112deg,#101c48 0%,#3b2382 48%,#9a276c 100%);border:1px solid #8aa6ff;box-shadow:0 22px 60px #0006,inset 0 1px 0 #ffffff1f}
.banner:before{content:'₿';right:94px;top:24px;width:74px;height:74px;font-size:39px;background:linear-gradient(145deg,#ffe66f,#ff9a35);box-shadow:0 13px 32px #0007,0 0 0 9px #ffffff0d,0 0 38px #ffb83b55}
.banner:after{content:'◆';right:34px;top:92px;width:58px;height:58px;font-size:25px;background:linear-gradient(145deg,#65ecff,#c064ff);box-shadow:0 12px 30px #0007,0 0 34px #6de6ff44}
.banner .content{padding-right:180px;align-items:center}.banner .content:before{content:'RAKEBACK';position:absolute;right:6px;bottom:-31px;font-size:58px;line-height:1;font-weight:1000;letter-spacing:-3px;color:#ffffff08;transform:rotate(-5deg)}.banner .content:after{content:'CRYPTO • CASINO • RAKEBACK';right:4px;bottom:-25px;color:#d8ecff;background:#0b1238cc}.banner h2{font-size:34px;max-width:590px}.banner .code{font-size:34px;text-shadow:0 3px 16px #0007}.banner-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.banner-copy{width:auto;min-width:138px;padding:12px 16px;background:#101a43;border:1px solid #7edfff;color:#fff}.banner-copy:hover{background:#18275e}.banner-actions .btn{white-space:nowrap}
@media(max-width:900px){.links{display:none}.mobile-login{display:inline-flex}.burger{display:block}.banner{min-height:0}.banner .content{padding-right:0}.banner:before,.banner:after{opacity:.7}.banner .content:before{display:none}}
@media(max-width:560px){.nav{gap:10px}.brand{font-size:25px}.mobile-login{padding:8px 10px;font-size:11px}.burger{padding:7px 10px}.banner{padding:28px 22px}.banner h2{font-size:27px}.banner:before,.banner:after{opacity:.28}.banner-actions{justify-content:center}.banner-copy,.banner-actions .btn{width:100%}}

/* v8: header alignment + unified CTA + richer crypto promo banner */
.nav{position:relative}
.links{position:absolute;left:50%;transform:translateX(-50%);margin:0;justify-content:center;white-space:nowrap}
.header-login{margin-left:auto;background:linear-gradient(135deg,#62e9ff,#a978ff 55%,#ff72d7);color:#091126;border:0;box-shadow:0 8px 26px rgba(83,241,216,.14)}
.banner{min-height:270px;padding:40px 44px;background:radial-gradient(circle at 82% 24%,#62e9ff22 0 7%,transparent 8%),radial-gradient(circle at 92% 72%,#ff72d720 0 12%,transparent 13%),linear-gradient(112deg,#101c48 0%,#3b2382 48%,#8f286f 100%)}
.banner:before{content:'₿';right:112px;top:24px;width:76px;height:76px;font-size:40px}
.banner:after{content:'Ξ';right:35px;top:102px;width:58px;height:58px;font-size:27px;background:linear-gradient(145deg,#62e9ff,#a978ff)}
.banner .content:before{content:'₿  ◈  ₿';position:absolute;right:4px;bottom:-38px;font-size:42px;letter-spacing:12px;color:#ffffff12;transform:rotate(-7deg)}
.banner .content:after{display:none!important;content:none!important}
@media(max-width:900px){.links{display:none}.nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.brand{justify-self:start}.burger{display:block;justify-self:center;grid-column:2;grid-row:1}.mobile-login{display:inline-flex!important;justify-self:end;grid-column:3;grid-row:1;margin:0;background:linear-gradient(135deg,#62e9ff,#a978ff 55%,#ff72d7);color:#091126}.banner .content:before{opacity:.35}}
@media(max-width:560px){.nav{grid-template-columns:1fr auto 1fr}.mobile-login{padding:8px 10px;font-size:10px}.burger{margin:0}.banner .content:before{display:block;font-size:25px;bottom:-20px;letter-spacing:5px}}
/* v9 header alignment */
@media(min-width:901px){.nav{display:grid;grid-template-columns:180px 1fr 180px}.brand{justify-self:start}.links{grid-column:2;justify-self:center;display:flex;gap:22px}.links .header-login{position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#62e9ff,#a978ff 55%,#ff72d7);border:0}.header-login{min-width:122px}.nav>.mobile-login{display:none!important}}
.banner-crypto{position:absolute;right:3%;bottom:-28px;display:flex;gap:16px;opacity:.16;transform:rotate(-8deg);pointer-events:none}.banner-crypto span{font-size:64px;font-weight:1000}.banner-crypto .coin{width:68px;height:68px;border:2px solid #ffd86b;border-radius:50%;display:grid;place-items:center;color:#ffd86b;font-size:32px}.banner-crypto .diamond{color:#75e8ff;font-size:62px}.banner .content{padding-right:120px}.banner .content>div:last-child{min-width:250px}.banner:after{display:none}@media(max-width:700px){.banner .content{padding-right:0}.banner-crypto{right:5%;bottom:-18px;opacity:.11}.banner .content>div:last-child{min-width:0}}
.game-copy{max-width:980px}.game-copy p{color:#c2cbea}.game-copy h3{margin-top:26px}.info-table{width:100%;border-collapse:collapse;margin:22px 0}.info-table th,.info-table td{padding:14px 16px;border-bottom:1px solid #304674;text-align:left}.info-table th{color:#7de9ff}.info-table tr:hover{background:#ffffff05}


/* v11 layout corrections */
@media(min-width:901px){
  .nav{display:grid!important;grid-template-columns:180px minmax(0,1fr) 180px!important;align-items:center;position:relative}
  .brand{grid-column:1;justify-self:start}
  .links{grid-column:2!important;position:static!important;transform:none!important;justify-self:center!important;display:flex!important;gap:22px!important;margin:0!important}
  .desktop-login{grid-column:3;justify-self:end;display:inline-flex!important;min-width:122px;background:linear-gradient(135deg,#62e9ff,#a978ff 55%,#ff72d7)!important;color:#091126!important}
  .mobile-login,.burger{display:none!important}
}
@media(max-width:900px){
  .nav{display:grid!important;grid-template-columns:1fr auto 1fr!important;position:relative}
  .brand{grid-column:1;justify-self:start}.desktop-login{display:none!important}
  .burger{display:block!important;grid-column:2;grid-row:1;justify-self:center;margin:0!important}
  .mobile-login{display:inline-flex!important;grid-column:3;grid-row:1;justify-self:end;margin:0!important;background:linear-gradient(135deg,#62e9ff,#a978ff 55%,#ff72d7)!important;color:#091126!important}
}
.banner{min-height:0!important;padding:34px 38px!important;background:radial-gradient(circle at 88% 26%,rgba(98,233,255,.14),transparent 14%),radial-gradient(circle at 92% 78%,rgba(255,114,215,.17),transparent 19%),linear-gradient(112deg,#101c48 0%,#3b2382 50%,#8f286f 100%)!important}
.banner .content{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(230px,.7fr) 150px!important;align-items:center!important;gap:28px!important;padding-right:0!important;text-align:left!important}
.banner .content>div:first-child{min-width:0}.banner h2{max-width:620px!important;font-size:clamp(27px,3vw,36px)!important;line-height:1.15!important;margin:0 0 10px!important}.banner p{max-width:650px!important}.banner-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin:0!important;min-width:230px!important}.banner-actions .btn,.banner-copy{width:100%!important;min-width:0!important}.banner:before{right:48px!important;top:28px!important;width:72px!important;height:72px!important}.banner:after{display:grid!important;content:'◆'!important;right:20px!important;top:118px!important;width:50px!important;height:50px!important;background:linear-gradient(145deg,#62e9ff,#a978ff)!important}.banner .content:before{content:'₿  ◈  ₿'!important;right:8px!important;bottom:-34px!important;font-size:34px!important;letter-spacing:8px!important;color:#ffffff10!important}.banner .content:after{display:none!important}.banner-crypto{display:none!important}
.login-copy-block{max-width:900px!important}.login-inline-actions{margin-top:24px}.login-inline-actions .btn{min-width:150px}
@media(max-width:900px){.banner .content{grid-template-columns:1fr minmax(220px,.55fr)!important}.banner .content:before,.banner:before,.banner:after{opacity:.3!important}.banner-actions{min-width:0!important}.banner .content>div:first-child{grid-column:1}.banner-actions{grid-column:2}}
@media(max-width:650px){.banner{padding:28px 22px!important}.banner .content{grid-template-columns:1fr!important;text-align:center!important}.banner .content>div:first-child,.banner-actions{grid-column:1!important}.banner-actions{width:100%!important}.banner:before,.banner:after{opacity:.18!important}.banner h2{font-size:27px!important}.banner p{margin-left:auto!important;margin-right:auto!important}}

/* v12 responsive polish */
@media(min-width:901px){
  .nav{width:100%!important;max-width:none!important;padding-left:max(24px,calc((100vw - 1160px)/2))!important;padding-right:24px!important}
  .desktop-login{justify-self:end!important;margin-left:0!important}
}
.info-table{border-collapse:separate!important;border-spacing:0 10px!important;margin:22px 0 26px!important}
.info-table th{padding:10px 16px!important;border:0!important;font-size:13px;text-transform:uppercase;letter-spacing:.7px}
.info-table td{padding:17px 16px!important;border-top:1px solid #344b80!important;border-bottom:1px solid #344b80!important;background:linear-gradient(145deg,#172950,#111e3e)!important}
.info-table td:first-child{border-left:1px solid #344b80!important;border-radius:14px 0 0 14px;font-weight:800;color:#fff}
.info-table td:last-child{border-right:1px solid #344b80!important;border-radius:0 14px 14px 0}
.info-table tr:hover td{background:#1b315f!important}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 28px)!important;max-width:100%!important}
  section,.topbar,.footer,main{max-width:100%;overflow-x:hidden}
  .section-head,.split,.grid3,.promo-grid,.info-strip,.footgrid{min-width:0}
  .section-head>* ,.split>* ,.card,.content-copy,.game-copy,.article{min-width:0;max-width:100%}
  p,h1,h2,h3,li,td,th,a{overflow-wrap:anywhere}
  .hero-actions,.login-inline-actions,.footer-actions,.banner-actions{justify-content:center!important;text-align:center}
  .login-inline-actions{display:flex!important}
  .footer-cta{text-align:center!important}
  .footer-actions{display:flex!important}
  .btn{max-width:100%}
  .info-table{display:block;width:100%;border-spacing:0!important}
  .info-table tbody{display:grid;gap:12px;width:100%}
  .info-table tr{display:grid;grid-template-columns:1fr;width:100%;border:1px solid #344b80;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#172950,#111e3e)}
  .info-table tr:first-child{display:none}
  .info-table td{display:grid!important;grid-template-columns:minmax(105px,34%) 1fr;gap:12px;width:100%;padding:12px 14px!important;border:0!important;border-bottom:1px solid #2d4270!important;border-radius:0!important;background:transparent!important}
  .info-table td:last-child{border-bottom:0!important}
  .info-table td:nth-child(1)::before{content:'Categorie';color:#7de9ff;font-weight:800;font-size:12px;text-transform:uppercase}
  .info-table td:nth-child(2)::before{content:'Wat je kunt verwachten';color:#7de9ff;font-weight:800;font-size:12px;text-transform:uppercase}
  .info-table td:nth-child(3)::before{content:'Waar je op let';color:#7de9ff;font-weight:800;font-size:12px;text-transform:uppercase}
}
@media(max-width:560px){
  .nav{width:100%!important;padding:0 12px!important}
  .brand{font-size:23px!important}.mobile-login{font-size:9px!important;padding:8px 9px!important;min-width:0!important}
  .hero h1{font-size:clamp(34px,11vw,43px)!important;letter-spacing:-1.5px!important}
  .section-head h2{font-size:28px!important}.content-copy h2,.article h2{font-size:27px;line-height:1.2}
  .info-table td{grid-template-columns:1fr!important;gap:3px!important}
  .footer-actions .btn,.login-inline-actions .btn{min-width:150px}
}

/* v13 navigation, contents, back-to-top and promo popup */
.brand{display:flex;align-items:center}.brand img{display:block;width:auto;height:30px;max-width:112px}
@media(min-width:901px){.nav{width:100%!important;max-width:none!important;padding:0 24px!important;grid-template-columns:180px minmax(0,1fr) 180px!important}.brand{justify-self:start!important}.links{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;grid-column:auto!important;justify-self:auto!important}.desktop-login{position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}}
.page-toc{padding:26px 0!important;background:#0d1935;border-bottom:1px solid #2b3d68}.toc-box{border:1px solid #344b80;border-radius:18px;background:linear-gradient(145deg,#14264d,#101b38);padding:20px 24px}.toc-title{font-weight:900;font-size:18px;margin-bottom:12px;color:#fff}.toc-links{display:flex;gap:9px 10px;flex-wrap:wrap}.toc-links a{display:inline-flex;padding:8px 12px;border-radius:10px;border:1px solid #385383;background:#172951;color:#dceaff;font-size:13px;font-weight:750}.toc-links a:hover{border-color:#7de9ff;color:#7de9ff}.toc-anchor{scroll-margin-top:92px}
.back-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:1px solid #6d83ba;border-radius:50%;display:grid;place-items:center;background:#14254d;color:#fff;font-size:22px;font-weight:900;cursor:pointer;z-index:70;box-shadow:0 10px 30px #0007;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{background:linear-gradient(135deg,#62e9ff,#a978ff 55%,#ff72d7);color:#091126}
.promo-popover{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:20px;background:#050a18b8;backdrop-filter:blur(6px)}.promo-popover.show{display:grid}.promo-modal{position:relative;width:min(520px,100%);border:1px solid #7788d4;border-radius:22px;padding:30px;background:radial-gradient(circle at 92% 15%,#62e9ff1f,transparent 25%),linear-gradient(135deg,#111f49,#39236f 58%,#812762);box-shadow:0 28px 80px #000a;text-align:center}.promo-close{position:absolute;right:14px;top:12px;border:0;background:#ffffff12;color:#fff;width:34px;height:34px;border-radius:50%;font-size:21px;cursor:pointer}.promo-modal .eyebrow{margin-bottom:7px}.promo-modal h2{font-size:32px;line-height:1.12;margin:0 0 10px}.promo-modal p{color:#e4e8fa;margin:0 auto 18px;max-width:420px}.promo-modal .popup-code{font-size:27px;font-weight:1000;color:#ffd86b;margin:12px 0}.promo-modal .popup-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.promo-modal .popup-actions button,.promo-modal .popup-actions a{min-width:165px}
@media(max-width:600px){.nav{padding:0 12px!important}.brand img{height:24px;max-width:88px}.page-toc{padding:20px 0!important}.toc-box{padding:17px}.toc-links{display:grid;grid-template-columns:1fr}.toc-links a{width:100%}.back-top{right:14px;bottom:14px;width:44px;height:44px}.promo-modal{padding:28px 18px 22px}.promo-modal h2{font-size:27px}.promo-modal .popup-actions{flex-direction:column;align-items:center}.promo-modal .popup-actions button,.promo-modal .popup-actions a{width:min(260px,100%)}}
\n/* v14 TOC, mobile menu and back-to-top refinements */\n.page-toc{padding:18px 0!important}.toc-box{padding:0!important;overflow:hidden}.toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border:0;background:transparent;color:#fff;font:inherit;font-size:17px;font-weight:900;cursor:pointer;text-align:left}.toc-chevron{display:grid;place-items:center;width:30px;height:30px;border:1px solid #415b91;border-radius:50%;font-size:20px;line-height:1;transition:transform .2s}.page-toc.open .toc-chevron{transform:rotate(180deg)}.toc-links{display:none!important;padding:0 20px 18px}.page-toc.open .toc-links{display:flex!important}.back-top{width:58px!important;height:58px!important;border:2px solid #7de9ff!important;background:linear-gradient(145deg,#172a59,#32236a)!important;box-shadow:0 0 0 5px #62e9ff12,0 12px 32px #0009!important}.back-top .sword{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:Georgia,serif;font-size:35px;line-height:1;transform:translateY(-1px);color:#fff;text-shadow:0 0 12px #7de9ff}.back-top:hover .sword{color:#091126;text-shadow:none}\n@media(max-width:900px){.topbar{overflow:visible!important}.nav{overflow:visible!important}.mobile-menu{z-index:1000!important}.mobile-menu.open{display:flex!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;background:#0d1935!important;border-top:1px solid #334a7d!important;border-bottom:1px solid #334a7d!important;padding:18px 20px!important;flex-direction:column!important;gap:0!important;box-shadow:0 18px 36px #0008!important}.mobile-menu.open a{display:block!important;padding:12px 4px!important;border-bottom:1px solid #ffffff12!important;color:#fff!important}.mobile-menu.open a:last-child{border-bottom:0!important}.page-toc.open .toc-links{display:grid!important;grid-template-columns:1fr!important}.toc-toggle{padding:15px 16px}.toc-links{padding:0 16px 16px!important}.back-top{width:52px!important;height:52px!important}.back-top .sword{font-size:31px}}\n\n/* v15 compact independent TOC + reliable mobile navigation/CTA alignment */
.page-toc{padding:12px 0!important;background:#0d1935!important}
.toc-box{border-radius:14px!important}
.toc-toggle{min-height:48px!important;padding:11px 16px!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important}
.toc-chevron{width:26px!important;height:26px!important;font-size:17px!important}
.toc-links{padding:0 14px 14px!important}
.page-toc.open .toc-links{padding-top:3px!important}
@media(max-width:900px){
  .topbar,.nav{overflow:visible!important}
  .nav{position:relative!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;width:100%!important}
  .brand{grid-column:1!important;justify-self:start!important;z-index:1002!important}
  .burger{display:grid!important;place-items:center!important;grid-column:2!important;justify-self:center!important;position:relative!important;z-index:1003!important;width:38px!important;height:38px!important;padding:0!important;margin:0!important;cursor:pointer!important;pointer-events:auto!important}
  .mobile-login{display:inline-flex!important;grid-column:3!important;justify-self:end!important;position:relative!important;z-index:1002!important;margin:0!important}
  .mobile-menu{display:none!important}
  .mobile-menu.open{display:flex!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;width:100%!important;background:#0d1935!important;z-index:1001!important}
  main .hero-actions,main .login-inline-actions,main .banner-actions,main .popup-actions,footer .footer-actions{justify-content:center!important;align-items:center!important}
  main .hero-actions .btn,main .login-inline-actions .btn,main .content-copy>.btn,main p>.btn,main .section-head+.btn{margin-left:auto!important;margin-right:auto!important}
  main .table-cta{display:flex!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
  .page-toc{padding:10px 0!important}
  .toc-toggle{padding:10px 13px!important;font-size:13px!important}
}
@media(max-width:560px){
  main .btn{max-width:min(280px,100%)!important}
  .hero-actions,.login-inline-actions,.footer-actions{width:100%!important}
}

/* v16 final layout refinements */
.home-highlights{position:relative!important;margin-top:32px!important;transform:none!important;z-index:2!important}
.toc-chevron{border:0!important;background:#172951!important;box-shadow:inset 0 0 0 1px #496493!important;position:relative!important;font-size:0!important}
.toc-chevron::before{content:'';width:7px;height:7px;border-right:2px solid #dceaff;border-bottom:2px solid #dceaff;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.page-toc.open .toc-chevron{transform:none!important}
.page-toc.open .toc-chevron::before{transform:translateY(2px) rotate(225deg)}
.back-top{width:54px!important;height:54px!important;border:2px solid #7de9ff!important;background:linear-gradient(145deg,#172a59,#32236a)!important}
.back-top .sword{display:none!important}
.back-top::before{content:'↑';display:grid;place-items:center;width:100%;height:100%;font-family:Arial,sans-serif;font-size:27px;font-weight:800;line-height:1;color:#fff;transform:translateY(-1px)}
.back-top:hover::before{color:#091126}
@media(max-width:900px){
  .promo .copy,.promo>.btn{display:flex!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
  .game-section .btn,.explorer .btn,.games-cta .btn,.content-copy .btn{margin-left:auto!important;margin-right:auto!important}
}

/* v17: center in-content game CTAs on mobile */
@media(max-width:600px){
  body[data-page="spellen"] .split .btn,
  body[data-page="spellen"] .game-copy > .btn,
  body[data-page="spellen"] section .wrap > .btn{
    display:flex!important;
    width:max-content!important;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:600px){
  .split .btn,
  .game-copy > .btn{
    display:flex!important;
    width:max-content!important;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}