@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{--bg:#070c18;--panel:#0d1629;--panel2:#111e35;--line:#223250;--text:#f3f6ff;--muted:#aab6cf;--gold:#f6c44b;--purple:#bd55f4;--blue:#4b8dff;--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:radial-gradient(ellipse at 80% 0%,#21143d 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;top:-60px;left:12px;background:var(--gold);color:#111;padding:10px 14px;z-index:99;border-radius:8px}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,12,24,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(129,153,197,.18)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:32px}
.site-logo{display:inline-flex;align-items:center;flex-shrink:0}
.logo-img{display:block;width:76px;height:42px;object-fit:contain}
.primary-nav{display:flex;align-items:center;gap:25px;margin-right:auto}
.primary-nav a,.footer-links a{font-size:.88rem;color:#d7deef;transition:color .2s}
.primary-nav a:hover,.footer-links a:hover{color:var(--gold)}
.header-actions{display:flex;gap:10px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 17px;border-radius:10px;font-weight:800;font-size:.85rem;border:1px solid transparent;transition:transform .2s,filter .2s;cursor:pointer}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-gold{background:linear-gradient(135deg,#ffe28a,#e9a91f);color:#17110a;box-shadow:0 7px 25px #f0b42b1a}
.btn-ghost{border-color:#8751c7;background:#100f24;color:#f8f2ff}
.menu-toggle{display:none;background:transparent;border:0;color:white;padding:8px}
.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:5px}
.hero{padding-top:30px;display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:stretch}
.hero-copy,.hero-slider{min-height:380px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}
.hero-copy{padding:clamp(26px,4vw,48px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#111a31,#090e1d 75%);isolation:isolate}
.hero-copy:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#842cff20;filter:blur(28px);right:-120px;bottom:-130px;z-index:-1}
.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.17em;color:var(--gold);margin:0 0 12px;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:18px}
h1 span{display:block;background:linear-gradient(90deg,#ffe69a,#f2b62f 60%,#c77dff);color:transparent;background-clip:text}
.hero-copy>p:not(.eyebrow):not(.small-note){color:var(--muted);max-width:460px;font-size:.95rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}
.small-note{font-size:.72rem;color:#8997b4;margin:14px 0 0}
.hero-slider{background:#100c25;min-width:0}
.slides,.slide{position:absolute;inset:0}
.slide{display:flex;align-items:flex-end;padding:30px;opacity:0;visibility:hidden;transition:opacity .5s}
.slide-active{opacity:1;visibility:visible}
.slide-art{position:absolute;inset:0;overflow:hidden}
.slide-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,23,.95),rgba(7,10,23,.38) 72%,rgba(7,10,23,.15)),radial-gradient(ellipse at 70% 25%,#c03fff75,transparent 45%)}
.art-blue{background:linear-gradient(135deg,#081b40,#154f88 50%,#160b31)}
.art-purple{background:linear-gradient(135deg,#160d35,#5b1b94 50%,#110d2b)}
.art-gold{background:linear-gradient(135deg,#1a1230,#78501b 52%,#20112c)}
.art-orb{position:absolute;display:block;border-radius:50%;filter:blur(1px);border:1px solid #ffffff5c;box-shadow:inset -18px -15px 45px #0008,0 0 50px #bd55f466}
.orb-one{width:230px;height:230px;right:7%;top:8%;background:radial-gradient(circle at 30% 25%,#f9b7ff,#8735e8 38%,#21114e 75%)}
.orb-two{width:100px;height:100px;right:42%;top:25%;background:radial-gradient(circle at 30% 25%,#fff2a1,#f0a42d 42%,#793b18)}
.orb-three{width:250px;height:250px;right:8%;top:5%;background:radial-gradient(circle at 30% 25%,#b9e7ff,#2379d7 42%,#0a214b)}
.orb-four{width:90px;height:90px;right:42%;top:55%;background:radial-gradient(circle at 30% 25%,#fff,#65d8ff 40%,#15417e)}
.orb-five{width:235px;height:235px;right:8%;top:7%;background:radial-gradient(circle at 30% 25%,#fff2ba,#e0a22e 42%,#663018)}
.orb-six{width:95px;height:95px;right:43%;top:24%;background:radial-gradient(circle at 30% 25%,#f3c2ff,#a33bd4 42%,#381251)}
.art-star{position:absolute;right:31%;top:15%;font-size:5rem;color:#fff9;text-shadow:0 0 25px #fff}
.slide-content{position:relative;z-index:2;max-width:360px}
.slide-kicker{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:var(--gold)}
.slide-content h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.12;margin:9px 0}
.slide-content p{color:#d3d9eb;margin-bottom:0;font-size:.9rem}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff55;background:#060a18a8;color:white;font-size:1.8rem;cursor:pointer}
.slider-prev{left:12px}.slider-next{right:12px}
.slider-dots{position:absolute;z-index:5;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dot{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:#ffffff70;cursor:pointer}
.dot-active{width:24px;background:var(--gold)}
.section{padding-top:66px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}
.section-heading h2{font-size:clamp(1.45rem,2.5vw,2rem);letter-spacing:-.035em;margin:0}
.section-heading .eyebrow{margin-bottom:5px}
.text-link{color:var(--gold);font-size:.83rem;font-weight:700}
.text-link:hover{text-decoration:underline}
.muted{color:var(--muted);font-size:.8rem}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.category-card{min-height:145px;padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#101b32,#0b1222);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:border-color .2s,transform .2s}
.category-card:hover{border-color:#9d60e5;transform:translateY(-4px)}
.category-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#5e2aa5,#171b3c);border:1px solid #9b61db55;color:#ffe17e;font-size:1.65rem;margin-bottom:12px}
.category-card strong{font-size:.85rem}.category-card small{color:var(--muted);font-size:.68rem;margin-top:3px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-card{position:relative;overflow:hidden;min-height:230px;border:1px solid var(--line);border-radius:16px;padding:24px;background:linear-gradient(140deg,#181338,#0c1426)}
.feature-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-60px;top:-60px;background:#b14fff20;filter:blur(5px)}
.feature-amber{background:linear-gradient(140deg,#2b2113,#0c1426)}.feature-blue{background:linear-gradient(140deg,#102747,#0c1426)}
.feature-symbol{font-size:2.4rem;color:var(--gold);display:block;margin-bottom:15px}
.feature-card h3{font-size:1.2rem;margin-bottom:8px}.feature-card p:not(.eyebrow){color:var(--muted);font-size:.85rem;max-width:310px}
.sports-band{margin-top:66px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:250px;background:linear-gradient(110deg,#0c1528,#112d51)}
.sports-art{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#27649b,#10182d 70%)}
.sports-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 34px,#ffffff08 35px 36px),linear-gradient(90deg,transparent,#0b1428)}
.sports-art span{position:relative;font-size:clamp(3rem,6vw,5rem);filter:drop-shadow(0 8px 12px #0008)}
.sports-copy{padding:32px;align-self:center}.sports-copy h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin-bottom:10px}.sports-copy p:not(.eyebrow){color:var(--muted);font-size:.9rem}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid var(--line);border-radius:14px;background:#0c1425;padding:18px 10px}
.trust-strip>div{display:flex;gap:12px;align-items:center;padding:4px 15px;border-right:1px solid var(--line)}
.trust-strip>div:last-child{border:0}.trust-strip>div>span{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid #7e622d;color:var(--gold);font-weight:800}
.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:.78rem}.trust-strip small{font-size:.66rem;color:var(--muted);margin-top:3px}
.promo-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.promo-banner{position:relative;overflow:hidden;border:1px solid #5b3c86;border-radius:16px;padding:28px;background:linear-gradient(120deg,#28144a,#10162d 70%);isolation:isolate}
.promo-glow{position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;right:-50px;top:-60px;background:#c44bff55;filter:blur(20px)}
.promo-banner h3{font-size:1.65rem;margin-bottom:8px}.promo-banner>p:not(.eyebrow){color:#d0d8eb;font-size:.85rem;max-width:430px}
.promo-list{border:1px solid var(--line);border-radius:16px;background:#0c1425;padding:8px 20px}
.promo-list>div{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.promo-list>div:last-child{border:0}
.list-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#172541;color:var(--gold);font-size:.8rem;font-weight:800}
.promo-list strong{font-size:.88rem}.promo-list p{font-size:.75rem;color:var(--muted);margin:3px 0 0}
.faq-list{display:grid;gap:9px}
.faq-list details{border:1px solid var(--line);border-radius:12px;background:#0c1425;padding:0 17px}
.faq-list summary{list-style:none;cursor:pointer;padding:15px 25px 15px 0;font-size:.9rem;font-weight:600;position:relative}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;color:var(--gold);font-size:1.2rem;top:10px}
.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);font-size:.85rem;margin:0;padding:0 0 16px}
.site-footer{margin-top:70px;border-top:1px solid var(--line);background:#060b16}
.footer-main{display:grid;grid-template-columns:1fr .65fr 1.2fr;gap:50px;padding-top:35px;padding-bottom:35px}
.footer-brand p{font-size:.85rem;font-weight:700;margin:12px 0}.footer-brand p span{font-size:.75rem;color:var(--muted);font-weight:400}
.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links strong,.footer-disclosure strong{font-size:.82rem;margin-bottom:3px}
.footer-disclosure p{font-size:.78rem;color:var(--muted);max-width:480px}
.footer-bottom{border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}
.footer-bottom-inner{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.footer-bottom a{color:var(--gold)}
@media(max-width:900px){.header-inner{gap:18px}.primary-nav{gap:14px}.primary-nav a{font-size:.8rem}.hero{grid-template-columns:1fr}.hero-copy{min-height:300px}.hero-slider{min-height:340px}.category-grid{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr);gap:12px}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(3),.trust-strip>div:nth-child(4){border-top:1px solid var(--line);padding-top:14px}.footer-main{gap:25px}}
@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.header-inner{min-height:66px;flex-wrap:wrap;gap:12px}.logo-img{width:65px;height:36px}.menu-toggle{display:block;margin-left:auto}.header-actions{gap:6px}.header-actions .btn{padding:9px 10px;font-size:.72rem}.primary-nav{display:none;order:5;width:100%;padding:4px 0 16px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:10px 2px;border-top:1px solid #ffffff12;font-size:.9rem}.hero{padding-top:15px;gap:14px}.hero-copy{padding:25px;min-height:0}.hero-slider{min-height:300px}.slide{padding:23px}.slide-content{max-width:78%}.slide-content h2{font-size:1.65rem}.orb-one,.orb-three,.orb-five{right:-12%;width:190px;height:190px}.section{padding-top:46px}.section-heading{align-items:start}.section-heading h2{font-size:1.5rem}.section-heading .text-link{font-size:.72rem;text-align:right}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{min-height:128px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.sports-band{margin-top:46px;grid-template-columns:1fr}.sports-art{min-height:135px}.sports-copy{padding:24px}.trust-strip{grid-template-columns:1fr 1fr;padding:10px 4px}.trust-strip>div{padding:9px 7px;gap:8px}.trust-strip>div>span{width:32px;height:32px}.trust-strip strong{font-size:.72rem}.trust-strip small{font-size:.61rem}.promo-layout{grid-template-columns:1fr}.promo-banner{padding:24px}.footer-main{grid-template-columns:1fr 1fr;gap:26px}.footer-disclosure{grid-column:1/-1}.footer-bottom-inner{padding-top:13px;padding-bottom:13px;align-items:flex-start;flex-direction:column;gap:7px}.section-heading .muted{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Game cards: responsive gallery using supplied artwork URLs */
.game-intro{max-width:760px;color:var(--muted);font-size:.9rem;margin:-7px 0 20px}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.game-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#111b31,#0a1020);transition:transform .2s,border-color .2s}
.game-card:hover{transform:translateY(-3px);border-color:#a47ae2}
.game-image-link{display:block;overflow:hidden;aspect-ratio:1/1;background:#080d1b}
.game-image-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.game-card:hover .game-image-link img{transform:scale(1.035)}
.game-card-copy{padding:15px}
.game-provider{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:800}
.game-card h3{font-size:1rem;line-height:1.3;margin:6px 0 8px}
.game-card p{color:var(--muted);font-size:.77rem;line-height:1.5;margin:0 0 14px}
.game-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;color:var(--gold);font-size:.8rem;font-weight:800}
.game-disclaimer{margin:17px 0 0;color:var(--muted);font-size:.75rem;line-height:1.6}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-card-copy{padding:11px}.game-card h3{font-size:.88rem}.game-card p{font-size:.72rem}.game-cta{font-size:.74rem}}


/* Demo ticker uses fictional, randomized sample data and must remain clearly labelled as simulation. */
.wins-section{padding-top:58px;padding-bottom:58px;border-top:1px solid var(--line);background:linear-gradient(180deg,#0a1120,#080d18)}
.wins-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}
.wins-section-heading h2{font-size:clamp(1.45rem,2.5vw,2rem);letter-spacing:-.035em;margin:0 0 8px}.wins-demo-label{display:inline-block;margin-left:7px;vertical-align:middle;padding:4px 8px;border:1px solid #e8b74d;border-radius:6px;background:#332714;color:#ffd778;font-size:.63rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.wins-intro{max-width:740px;color:var(--muted);font-size:.86rem;margin:0}
.wins-status{color:var(--muted);font-size:.85rem;margin:12px 0}
.wins-marquee{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0b1425;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.wins-track{display:flex;width:max-content;animation:wins-scroll var(--wins-duration,70s) linear infinite;will-change:transform}
.wins-group{display:flex;align-items:stretch;gap:12px;padding-right:12px}
.win-pill{display:flex;align-items:center;gap:10px;min-width:235px;max-width:320px;padding:10px 14px;border:1px solid #2b3a57;border-radius:12px;background:linear-gradient(145deg,#111f35,#0d1526);white-space:nowrap}
.win-pill-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#282044;color:var(--gold);font-weight:800}
.win-pill-copy{display:flex;flex-direction:column;min-width:0;line-height:1.4}
.win-pill-player{color:var(--text);font-size:.8rem;font-weight:800;overflow:hidden;text-overflow:ellipsis}
.win-pill-game{color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis}
.win-pill-amount{margin-left:auto;padding-left:7px;color:var(--gold);font-size:.8rem;font-weight:800}
.wins-meta,.wins-disclaimer{font-size:.72rem;color:var(--muted);margin:12px 0 0}
.wins-meta a{color:var(--gold);text-decoration:underline}
.wins-disclaimer{max-width:850px;font-size:.72rem;line-height:1.65;margin-top:7px;color:#f1cf8d;border-left:3px solid #e8b74d;padding-left:10px}
.wins-marquee:hover .wins-track,.wins-marquee:focus-within .wins-track{animation-play-state:paused}
@keyframes wins-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:650px){.wins-section{padding-top:42px;padding-bottom:42px}.wins-section-heading{align-items:flex-start;flex-direction:column;gap:14px}.win-pill{min-width:215px;max-width:275px}.wins-marquee{padding:10px 0}}
@media(prefers-reduced-motion:reduce){.wins-track{animation:none!important;will-change:auto}.wins-marquee{overflow-x:auto;mask-image:none}}