*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f8f9fa;}
.main-header{background:#630160;color:white;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px;max-width:1200px;margin:0 auto;}
.logo-container img{width:160px;height:31px;object-fit:contain;}
.desktop-nav{display:flex;gap:30px;}
.desktop-nav a,.desktop-nav span{color:white;text-decoration:none;font-weight:500;transition:opacity 0.3s;}
.desktop-nav span{opacity:1;font-weight:600;}
.desktop-nav a:hover{opacity:0.8;}
.auth-buttons{display:flex;gap:15px;}
.signup-btn,.signin-btn{padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.signup-btn{background:#ff6b35;color:white;}
.signin-btn{border:2px solid white;color:white;background:transparent;}
.signup-btn:hover{background:#e55a2b;}
.signin-btn:hover{background:white;color:#630160;}
.hamburger-menu{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;}
.hamburger-menu span{width:25px;height:3px;background:white;transition:0.3s;}
.mobile-menu{display:none;background:#630160;padding:20px;position:absolute;top:100%;left:0;right:0;border-top:1px solid rgba(255,255,255,0.2);}
.mobile-menu nav{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;}
.mobile-menu nav a,.mobile-menu nav span{color:white;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-menu nav span{font-weight:600;}
.mobile-auth{display:flex;gap:15px;}
.casino-hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:white;padding:80px 10px;text-align:center;position:relative;overflow:hidden;}
.casino-hero::before{content:'🎰';position:absolute;font-size:8rem;opacity:0.08;top:10%;left:5%;animation:casinoSpin 25s linear infinite;}
.casino-hero::after{content:'♠️';position:absolute;font-size:6rem;opacity:0.1;top:70%;right:8%;animation:cardFlip 20s ease-in-out infinite;}
@keyframes casinoSpin{0%{transform:rotate(0deg) scale(1);}25%{transform:rotate(90deg) scale(1.1);}50%{transform:rotate(180deg) scale(0.9);}75%{transform:rotate(270deg) scale(1.2);}100%{transform:rotate(360deg) scale(1);}}
@keyframes cardFlip{0%,100%{transform:rotateY(0deg) translateX(0);}25%{transform:rotateY(180deg) translateX(50px);}50%{transform:rotateY(360deg) translateX(0);}75%{transform:rotateY(540deg) translateX(-30px);}}
.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2;}
.hero-content h1{font-size:3rem;margin-bottom:20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.hero-description{font-size:1.2rem;margin-bottom:40px;opacity:0.9;}
.hero-actions{display:flex;gap:20px;justify-content:center;}
.play-now-btn,.explore-btn{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s;position:relative;overflow:hidden;}
.play-now-btn{background:linear-gradient(45deg,#ff6b35,#ffa726);color:white;box-shadow:0 4px 15px rgba(255,107,53,0.4);}
.explore-btn{border:2px solid #ffa726;color:#ffa726;background:transparent;}
.play-now-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,107,53,0.6);}
.explore-btn:hover{background:#ffa726;color:white;transform:translateY(-2px);}
.casino-overview,.game-categories,.rtp-variance,.popular-games,.mobile-casino,.demo-modes,.jackpots-section,.casino-evolution,.responsible-gaming,.casino-bonuses,.getting-started{padding:60px 10px;max-width:1200px;margin:0 auto;}
.casino-overview h2,.game-categories h2,.rtp-variance h2,.popular-games h2,.mobile-casino h2,.demo-modes h2,.jackpots-section h2,.casino-evolution h2,.responsible-gaming h2,.casino-bonuses h2,.getting-started h2{color:#630160;font-size:2.2rem;margin-bottom:20px;text-align:center;}
.casino-overview p,.game-categories p,.rtp-variance p,.popular-games p,.mobile-casino p,.demo-modes p,.jackpots-section p,.casino-evolution p,.responsible-gaming p,.casino-bonuses p,.getting-started p{margin-bottom:20px;font-size:1.1rem;line-height:1.7;}
.provider-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:40px 0;}
.provider-card{background:linear-gradient(145deg,#ffffff,#f5f5f5);padding:25px;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,0.1);transition:all 0.3s;position:relative;overflow:hidden;}
.provider-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#630160,#ff6b35);}
.provider-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px rgba(99,1,96,0.2);}
.provider-card h3{color:#630160;margin-bottom:15px;font-size:1.4rem;font-weight:600;}
.provider-stats{display:flex;justify-content:space-between;margin-top:15px;}
.provider-stats span{background:#630160;color:white;padding:5px 12px;border-radius:15px;font-size:0.9rem;font-weight:500;}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin:40px 0;}
.category-card{background:white;padding:30px;border-radius:15px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,0.1);transition:all 0.4s;position:relative;overflow:hidden;}
.category-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#630160,transparent);opacity:0;transition:opacity 0.3s;}
.category-card:hover{transform:translateY(-10px);box-shadow:0 12px 35px rgba(99,1,96,0.15);}
.category-card:hover::after{opacity:1;}
.category-icon{font-size:3.5rem;margin-bottom:20px;display:block;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.1));}
.category-card h3{color:#630160;margin-bottom:15px;font-size:1.5rem;}
.category-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;}
.category-features span{background:#f0f0f0;color:#630160;padding:6px 12px;border-radius:20px;font-size:0.85rem;font-weight:500;}
.rtp-explanation{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:40px 0;}
.rtp-card{background:white;padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s;border-left:5px solid transparent;}
.rtp-card:nth-child(1){border-left-color:#4caf50;}
.rtp-card:nth-child(2){border-left-color:#ff9800;}
.rtp-card:nth-child(3){border-left-color:#f44336;}
.rtp-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.rtp-card h3{color:#630160;margin-bottom:15px;font-size:1.3rem;}
.volatility-stats{display:flex;flex-direction:column;gap:8px;margin-top:15px;}
.volatility-stats span{background:#f8f9fa;padding:8px 12px;border-radius:8px;font-size:0.9rem;color:#666;}
.games-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:40px 0;}
.game-card{background:white;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,0.1);transition:all 0.4s;overflow:hidden;position:relative;}
.game-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(99,1,96,0.05),rgba(255,107,53,0.05));opacity:0;transition:opacity 0.3s;}
.game-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 25px rgba(99,1,96,0.15);}
.game-card:hover::before{opacity:1;}
.game-card h3{color:#630160;padding:20px 20px 10px;margin:0;font-size:1.3rem;position:relative;z-index:2;}
.game-card p{padding:0 20px 15px;color:#666;position:relative;z-index:2;}
.game-details{padding:15px 20px 20px;background:#f8f9fa;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;position:relative;z-index:2;}
.game-details span{background:white;padding:8px 12px;border-radius:6px;text-align:center;font-size:0.85rem;color:#630160;font-weight:500;}
.mobile-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0;}
.mobile-feature{background:white;padding:25px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:all 0.3s;}
.mobile-feature:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.mobile-feature h3{color:#630160;margin-bottom:15px;font-size:1.2rem;}
.demo-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0;}
.demo-info{background:white;padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.demo-info h3{color:#630160;margin-bottom:20px;font-size:1.3rem;text-align:center;}
.demo-info ul{list-style:none;padding:0;}
.demo-info li{padding:8px 0;border-bottom:1px solid #eee;position:relative;padding-left:25px;}
.demo-info li:last-child{border-bottom:none;}
.demo-info li::before{content:'✓';position:absolute;left:0;color:#4caf50;font-weight:bold;}
.jackpot-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0;}
.jackpot-tier{background:linear-gradient(145deg,#fff,#f9f9f9);padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s;position:relative;overflow:hidden;}
.jackpot-tier::before{content:'💰';position:absolute;top:-10px;right:-10px;font-size:3rem;opacity:0.1;transform:rotate(25deg);}
.jackpot-tier:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.jackpot-tier h3{color:#630160;margin-bottom:15px;font-size:1.3rem;}
.casino-analogy{background:linear-gradient(135deg,#f8f4ff,#fff0f7);border-radius:15px;padding:30px;margin:30px 0;position:relative;overflow:hidden;}
.casino-analogy::before{content:'💡';position:absolute;top:15px;right:20px;font-size:2rem;}
.casino-analogy h3{color:#630160;margin-bottom:15px;font-size:1.4rem;}
.casino-analogy p{margin:0;font-style:italic;color:#555;}
.responsible-highlight{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:25px;margin:25px 0;position:relative;}
.responsible-highlight::before{content:'⚠️';position:absolute;top:-12px;left:20px;background:#fff3cd;padding:0 10px;font-size:1.8rem;}
.responsible-highlight h3{color:#856404;margin-bottom:15px;}
.responsible-highlight p{color:#856404;margin:0;}
.bonus-example{background:#e8f5e8;border-left:5px solid #4caf50;border-radius:8px;padding:20px;margin:25px 0;}
.bonus-example h4{color:#2e7d32;margin-bottom:15px;}
.bonus-calculation{display:grid;grid-template-columns:1fr auto;gap:15px;margin-bottom:10px;}
.bonus-label{color:#666;}
.bonus-value{color:#2e7d32;font-weight:600;}
.main-footer{background:#2c2c2c;color:white;padding:50px 10px 20px;}
.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;}
.footer-section h4{color:#ff6b35;margin-bottom:20px;font-size:1.2rem;}
.footer-section ul{list-style:none;}
.footer-section li{margin-bottom:10px;}
.footer-section a{color:#ccc;text-decoration:none;transition:color 0.3s;}
.footer-section a:hover{color:white;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.payment-icons img,.provider-logos img{filter:brightness(0.8);transition:filter 0.3s;}
.payment-icons img:hover,.provider-logos img:hover{filter:brightness(1);}
.footer-bottom{border-top:1px solid #444;margin-top:30px;padding-top:20px;text-align:center;color:#999;}
.footer-bottom p{margin-bottom:5px;}
@media (max-width:1080px){
.desktop-nav,.auth-buttons{display:none;}
.hamburger-menu{display:flex;}
.mobile-menu.active{display:block;}
.hero-content h1{font-size:2.2rem;}
.hero-actions{flex-direction:column;align-items:center;}
.provider-showcase,.category-grid,.games-showcase{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.rtp-explanation{grid-template-columns:1fr;}
.demo-comparison{grid-template-columns:1fr;}
}
@media (max-width:768px){
.hero-content h1{font-size:1.8rem;}
.casino-overview h2,.game-categories h2,.rtp-variance h2,.popular-games h2,.mobile-casino h2,.demo-modes h2,.jackpots-section h2,.casino-evolution h2,.responsible-gaming h2,.casino-bonuses h2,.getting-started h2{font-size:1.8rem;}
.provider-showcase,.category-grid,.games-showcase,.mobile-features,.jackpot-tiers{grid-template-columns:1fr;}
.game-details{grid-template-columns:1fr 1fr;}
.bonus-calculation{grid-template-columns:1fr;text-align:left;}
}
@media (max-width:480px){
.casino-hero{padding:50px 10px;}
.hero-content h1{font-size:1.5rem;}
.hero-description{font-size:1rem;}
.play-now-btn,.explore-btn{padding:12px 25px;font-size:0.9rem;}
.casino-overview,.game-categories,.rtp-variance,.popular-games,.mobile-casino,.demo-modes,.jackpots-section,.casino-evolution,.responsible-gaming,.casino-bonuses,.getting-started{padding:40px 10px;}
.provider-card,.category-card,.rtp-card,.game-card,.mobile-feature,.jackpot-tier{padding:20px;}
.category-features{flex-direction:column;align-items:center;}
.casino-analogy{padding:20px;}
}
@media (max-width:320px){
.header-container{padding:8px;}
.logo-container img{width:140px;height:27px;}
.hero-content h1{font-size:1.3rem;}
.play-now-btn,.explore-btn{padding:10px 20px;font-size:0.8rem;}
.provider-stats{flex-direction:column;gap:8px;}
.game-details{grid-template-columns:1fr;}
}