*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:#1a1a2e;overflow-x:hidden}
.site-navigation{background:#16213e;border-bottom:2px solid #0f3460;position:sticky;top:0;z-index:1000}
.navigation-frame{display:flex;justify-content:space-between;align-items:center;padding:10px;max-width:100%;margin:0 auto}
.logo-wrapper{flex-shrink:0}
.brand-logo{width:90px;height:57px;object-fit:contain}
.desktop-menu{display:flex;align-items:center;gap:40px}
.nav-list{display:flex;list-style:none;gap:30px;margin:0}
.nav-item{color:#fff;font-weight:500;font-size:16px}
.nav-link{color:#fff;text-decoration:none;transition:color 0.3s ease;font-weight:500}
.nav-link:hover{color:#4da6ff}
.auth-buttons{display:flex;gap:15px}
.sign-up-btn,.sign-in-btn{padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.sign-up-btn{background:#ff6b35;color:#fff}
.sign-up-btn:hover{background:#e55a2b}
.sign-in-btn{background:transparent;color:#fff;border:2px solid #4da6ff}
.sign-in-btn:hover{background:#4da6ff;color:#fff}
.mobile-menu-toggle{display:none;background:none;border:none;flex-direction:column;cursor:pointer;padding:5px}
.hamburger-line{width:25px;height:3px;background:#fff;margin:3px 0;transition:0.3s}
.mobile-menu{display:none;background:#16213e;border-top:1px solid #0f3460;padding:20px}
.mobile-nav-list{list-style:none;margin-bottom:20px}
.mobile-nav-item{padding:12px 0;border-bottom:1px solid #0f3460;color:#fff;font-weight:500}
.mobile-nav-link{color:#fff;text-decoration:none;font-weight:500}
.mobile-auth-buttons{display:flex;flex-direction:column;gap:10px}
.mobile-sign-up-btn,.mobile-sign-in-btn{padding:15px;text-align:center;border-radius:6px;text-decoration:none;font-weight:600}
.mobile-sign-up-btn{background:#ff6b35;color:#fff}
.mobile-sign-in-btn{background:transparent;color:#fff;border:2px solid #4da6ff}
.slots-layout{position:relative;min-height:100vh}
.slots-layout::before{content:'🎰';position:absolute;font-size:8rem;opacity:0.08;animation:float-slots-spin 28s infinite linear;top:10%;right:-3%}
.slots-layout::after{content:'💎';position:absolute;font-size:6rem;opacity:0.1;animation:float-gems-sparkle 24s infinite ease-in-out;top:70%;left:-2%}
.slots-layout .diamond-scatter{content:'💰';position:absolute;font-size:4rem;opacity:0.06;animation:float-coins-rain 20s infinite linear;top:40%;right:15%}
.slots-layout .wild-symbol{content:'⚡';position:absolute;font-size:5rem;opacity:0.09;animation:float-lightning-zigzag 22s infinite ease-in-out;top:25%;left:25%}
.slots-layout .bonus-symbol{content:'🔥';position:absolute;font-size:4.5rem;opacity:0.07;animation:float-fire-dance 26s infinite ease-in-out;top:55%;right:35%}
@keyframes float-slots-spin{0%{transform:translateX(-300px) translateY(0px) rotate(0deg) scale(1)}25%{transform:translateX(600px) translateY(-400px) rotate(180deg) scale(1.5)}50%{transform:translateX(1200px) translateY(-200px) rotate(360deg) scale(0.8)}75%{transform:translateX(1800px) translateY(-500px) rotate(540deg) scale(1.3)}100%{transform:translateX(2400px) translateY(0px) rotate(720deg) scale(1)}}
@keyframes float-gems-sparkle{0%{transform:translateX(250px) translateY(0px) rotate(0deg) scale(1)}25%{transform:translateX(-500px) translateY(-300px) rotate(-90deg) scale(1.8)}50%{transform:translateX(-1000px) translateY(-600px) rotate(-180deg) scale(1.2)}75%{transform:translateX(-1500px) translateY(-150px) rotate(-270deg) scale(0.9)}100%{transform:translateX(-2000px) translateY(0px) rotate(-360deg) scale(1)}}
@keyframes float-coins-rain{0%{transform:translateY(-100px) translateX(0px) rotate(0deg)}100%{transform:translateY(800px) translateX(-200px) rotate(360deg)}}
@keyframes float-lightning-zigzag{0%{transform:translateX(0px) translateY(0px) rotate(0deg)}25%{transform:translateX(300px) translateY(-200px) rotate(45deg)}50%{transform:translateX(-200px) translateY(-400px) rotate(-45deg)}75%{transform:translateX(400px) translateY(-600px) rotate(90deg)}100%{transform:translateX(0px) translateY(-800px) rotate(0deg)}}
@keyframes float-fire-dance{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.3)}50%{transform:rotate(180deg) scale(0.9)}75%{transform:rotate(270deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}
.slots-overview{padding:85px 10px 65px;text-align:center;position:relative;z-index:2;background:linear-gradient(135deg,rgba(26,26,46,0.95),rgba(22,33,62,0.9))}
.slots-frame h1{font-size:2.9rem;color:#fff;margin-bottom:28px;font-weight:700;line-height:1.2}
.slots-frame p{font-size:1.2rem;color:#b8c5d1;margin-bottom:35px;max-width:900px;margin-left:auto;margin-right:auto}
.slots-action-buttons{display:flex;justify-content:center;gap:28px;margin-top:38px}
.spin-now-btn,.demo-slots-btn{padding:18px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;position:relative;overflow:hidden}
.spin-now-btn{background:linear-gradient(45deg,#ff6b35,#ff8c42);color:#fff;box-shadow:0 5px 15px rgba(255,107,53,0.3)}
.spin-now-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,53,0.4)}
.spin-now-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shine 3s infinite}
.demo-slots-btn{background:linear-gradient(45deg,#4da6ff,#66b3ff);color:#fff;box-shadow:0 5px 15px rgba(77,166,255,0.3)}
.demo-slots-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(77,166,255,0.4)}
@keyframes shine{0%{left:-100%}100%{left:100%}}
.slots-layout section{padding:70px 10px;max-width:1200px;margin:0 auto;position:relative}
.slot-portfolio-breakdown{background:#fff;border-radius:12px;margin:40px 10px;box-shadow:0 12px 35px rgba(0,0,0,0.1);position:relative}
.slot-portfolio-breakdown::before{content:'🎯';position:absolute;top:20px;right:30px;font-size:3rem;opacity:0.1}
.slot-portfolio-breakdown h2{color:#1a1a2e;font-size:2.4rem;margin-bottom:30px;text-align:center}
.slot-portfolio-breakdown>p{color:#666;font-size:1.1rem;margin-bottom:40px;text-align:center}
.portfolio-analysis{display:grid;gap:35px;margin-top:45px}
.provider-contributions,.volatility-distribution,.rtp-analysis{background:#f8f9fa;border-radius:12px;padding:35px;position:relative;overflow:hidden}
.provider-contributions::before{content:'🏆';position:absolute;top:15px;right:20px;font-size:2.5rem;opacity:0.08}
.volatility-distribution::before{content:'📊';position:absolute;top:15px;right:20px;font-size:2.5rem;opacity:0.08}
.rtp-analysis::before{content:'💯';position:absolute;top:15px;right:20px;font-size:2.5rem;opacity:0.08}
.provider-contributions h3,.volatility-distribution h3,.rtp-analysis h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:20px;font-weight:600}
.provider-contributions p,.volatility-distribution p,.rtp-analysis p{color:#666;margin-bottom:18px;line-height:1.7}
.popular-slots-detailed{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff;position:relative}
.popular-slots-detailed::before{content:'⭐';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.15}
.popular-slots-detailed h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.popular-slots-detailed>p{color:#b8c5d1;margin-bottom:35px;line-height:1.8}
.top-performing-slots{display:grid;gap:30px}
.pragmatic-play-hits,.netent-classics,.progressive-jackpot-leaders{background:rgba(255,255,255,0.08);border-radius:12px;padding:30px;position:relative}
.pragmatic-play-hits::before{content:'🚀';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.2}
.netent-classics::before{content:'👑';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.2}
.progressive-jackpot-leaders::before{content:'🌟';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.2}
.pragmatic-play-hits h3,.netent-classics h3,.progressive-jackpot-leaders h3{color:#fff;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.pragmatic-play-hits p,.netent-classics p,.progressive-jackpot-leaders p{color:#b8c5d1;margin-bottom:18px;line-height:1.7}
.slot-mechanics-mastery{background:#fff;border-radius:12px;margin:40px 10px;position:relative}
.slot-mechanics-mastery::before{content:'⚙️';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.1}
.slot-mechanics-mastery h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.slot-mechanics-mastery>p{color:#666;margin-bottom:35px;line-height:1.8}
.mechanics-deep-dive{display:grid;gap:30px}
.reel-and-payline-systems,.bonus-feature-analysis,.rng-and-volatility-patterns{background:#f8f9fa;border-radius:12px;padding:30px;position:relative}
.reel-and-payline-systems::before{content:'🎲';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.1}
.bonus-feature-analysis::before{content:'🎊';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.1}
.rng-and-volatility-patterns::before{content:'🔢';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.1}
.reel-and-payline-systems h3,.bonus-feature-analysis h3,.rng-and-volatility-patterns h3{color:#1a1a2e;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.reel-and-payline-systems p,.bonus-feature-analysis p,.rng-and-volatility-patterns p{color:#666;margin-bottom:18px;line-height:1.7}
.betting-strategy-optimization{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff;position:relative}
.betting-strategy-optimization::before{content:'🎯';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.15}
.betting-strategy-optimization h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.betting-strategy-optimization p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.mobile-slot-performance{background:#fff;border-radius:12px;margin:40px 10px;position:relative}
.mobile-slot-performance::before{content:'📱';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.1}
.mobile-slot-performance h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.mobile-slot-performance p{color:#666;margin-bottom:25px;line-height:1.8}
.slot-bonus-integration{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff;position:relative}
.slot-bonus-integration::before{content:'🎁';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.15}
.slot-bonus-integration h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.slot-bonus-integration p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.slot-playing-mistakes{background:#fff;border-radius:12px;margin:40px 10px;position:relative}
.slot-playing-mistakes::before{content:'⚠️';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.1}
.slot-playing-mistakes h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.slot-playing-mistakes>p{color:#666;margin-bottom:35px;line-height:1.8}
.expensive-slot-errors{display:grid;gap:30px}
.bankroll-management-failures,.game-selection-errors,.promotional-and-technical-mistakes{background:#fff5f5;border-radius:12px;padding:30px;position:relative}
.bankroll-management-failures::before{content:'💸';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.15}
.game-selection-errors::before{content:'🎮';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.15}
.promotional-and-technical-mistakes::before{content:'🚫';position:absolute;top:15px;right:20px;font-size:2rem;opacity:0.15}
.bankroll-management-failures h3,.game-selection-errors h3,.promotional-and-technical-mistakes h3{color:#1a1a2e;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.bankroll-management-failures p,.game-selection-errors p,.promotional-and-technical-mistakes p{color:#666;margin-bottom:18px;line-height:1.7}
.advanced-slot-concepts{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff;position:relative}
.advanced-slot-concepts::before{content:'🧠';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.15}
.advanced-slot-concepts h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.advanced-slot-concepts p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.slot-provider-comparison{background:#fff;border-radius:12px;margin:40px 10px;position:relative}
.slot-provider-comparison::before{content:'🏢';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.1}
.slot-provider-comparison h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.slot-provider-comparison p{color:#666;margin-bottom:25px;line-height:1.8}
.future-slot-trends{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff;position:relative}
.future-slot-trends::before{content:'🔮';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.15}
.future-slot-trends h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.future-slot-trends p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.alternative-slot-perspectives{background:#fff;border-radius:12px;margin:40px 10px;position:relative}
.alternative-slot-perspectives::before{content:'🤔';position:absolute;top:25px;right:35px;font-size:3rem;opacity:0.1}
.alternative-slot-perspectives h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.alternative-slot-perspectives p{color:#666;margin-bottom:25px;line-height:1.8}
.legal-information{background:#0f1419;color:#fff;padding:50px 10px 30px;margin-top:60px}
.legal-frame{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.licensing-details h4,.payment-options h4,.provider-showcase h4{color:#fff;font-size:1.3rem;margin-bottom:20px;font-weight:600}
.licensing-details p,.payment-options p,.provider-showcase p{color:#b8c5d1;line-height:1.7;margin-bottom:15px}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.payment-icon,.provider-logo{filter:brightness(0.8);transition:filter 0.3s ease}
.payment-icon:hover,.provider-logo:hover{filter:brightness(1)}
.slots-layout::after{content:'💎'}
.slots-layout .diamond-scatter::before{content:'💰'}
.slots-layout .wild-symbol::before{content:'⚡'}
.slots-layout .bonus-symbol::before{content:'🔥'}
@media (max-width:1080px){
.desktop-menu{display:none}
.mobile-menu-toggle{display:flex}
.slots-frame h1{font-size:2.3rem}
.slots-action-buttons{flex-direction:column;align-items:center}
.portfolio-analysis{grid-template-columns:1fr}
.top-performing-slots{grid-template-columns:1fr}
.mechanics-deep-dive{grid-template-columns:1fr}
.expensive-slot-errors{grid-template-columns:1fr}
}
@media (max-width:768px){
.slots-frame h1{font-size:2rem}
.slots-frame p{font-size:1rem}
.slots-layout section{padding:50px 10px}
.provider-contributions,.volatility-distribution,.rtp-analysis{padding:25px}
.pragmatic-play-hits,.netent-classics,.progressive-jackpot-leaders{padding:25px}
.legal-frame{grid-template-columns:1fr;gap:30px}
.slots-layout::before{font-size:6rem;animation-duration:35s}
.slots-layout::after{font-size:4rem;animation-duration:30s}
}
@media (max-width:480px){
.slots-frame h1{font-size:1.7rem}
.slots-action-buttons{gap:20px}
.spin-now-btn,.demo-slots-btn{padding:15px 25px;font-size:1rem}
.provider-contributions,.volatility-distribution,.rtp-analysis{padding:20px}
.payment-icons,.provider-logos{justify-content:center}
}
@media (max-width:320px){
.slots-frame h1{font-size:1.5rem}
.navigation-frame{padding:8px}
.brand-logo{width:72px;height:46px}
.slots-layout::before,.slots-layout::after{display:none}
}
.mobile-menu.active{display:block}
.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}
.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}
.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(45px) translate(-5px,-6px)}