*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;}
.site-header{background:#041140;padding:0 10px;position:sticky;top:0;z-index:1000;}
.header-wrapper{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1200px;margin:0 auto;}
.logo-area{width:160px;height:40px;}
.logo-area img{width:100%;height:100%;object-fit:contain;}
.desktop-nav{display:none;}
.nav-list{display:flex;list-style:none;gap:30px;}
.nav-item a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s ease;}
.nav-item a:hover{color:#4a9eff;}
.nav-item.active{color:#4a9eff;font-weight:600;}
.desktop-auth{display:none;gap:15px;}
.btn-signup,.btn-signin{padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;}
.btn-signup{background:#4a9eff;color:#fff;}
.btn-signin{background:transparent;color:#fff;border:2px solid #4a9eff;}
.btn-signup:hover{background:#357abd;}
.btn-signin:hover{background:#4a9eff;}
.hamburger-menu{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:5px;}
.hamburger-menu span{width:25px;height:3px;background:#fff;transition:all 0.3s ease;border-radius:2px;}
.mobile-menu{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#041140;transform:translateX(-100%);transition:transform 0.3s ease;z-index:999;}
.mobile-menu.active{transform:translateX(0);}
.mobile-nav{padding:30px 20px;}
.mobile-nav-list{list-style:none;margin-bottom:40px;}
.mobile-nav-list li{margin-bottom:20px;}
.mobile-nav-list a{color:#fff;text-decoration:none;font-size:18px;font-weight:500;display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-nav-list .active{color:#4a9eff;font-weight:600;}
.mobile-auth{display:flex;flex-direction:column;gap:15px;}
.mobile-auth .btn-signup,.mobile-auth .btn-signin{text-align:center;padding:15px;font-size:16px;}
.main-content{min-height:calc(100vh - 70px);}
.casino-banner{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#041140 100%);color:#fff;padding:80px 10px;position:relative;overflow:hidden;}
.casino-banner::before{content:"🎰";position:absolute;font-size:20rem;opacity:0.05;top:-10%;left:-5%;animation:spin-slow 40s infinite linear;}
.casino-banner::after{content:"🃏";position:absolute;font-size:15rem;opacity:0.07;bottom:-5%;right:-5%;animation:float-gentle 25s infinite ease-in-out;}
.banner-content{max-width:1200px;margin:0 auto;text-align:center;}
.banner-content h1{font-size:3.2rem;margin-bottom:24px;font-weight:700;line-height:1.2;background:linear-gradient(45deg,#fff,#4a9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.banner-intro{font-size:1.2rem;max-width:900px;margin:0 auto 50px;opacity:0.9;line-height:1.7;}
.casino-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px;}
.stat-card{background:rgba(255,255,255,0.08);padding:25px;border-radius:20px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}
.stat-card:hover{transform:translateY(-8px);background:rgba(255,255,255,0.12);}
.stat-icon{font-size:2.5rem;margin-bottom:15px;}
.stat-number{font-size:1.8rem;font-weight:700;color:#4a9eff;margin-bottom:5px;}
.stat-label{font-size:0.9rem;opacity:0.8;font-weight:500;}
.provider-showcase{background:#fff;padding:60px 10px;box-shadow:0 -10px 30px rgba(0,0,0,0.1);}
.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.provider-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,0.1);border:2px solid transparent;transition:all 0.4s ease;position:relative;overflow:hidden;}
.provider-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;}
.provider-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,0.15);}
.pragmatic{border-color:#ff6b35;}
.pragmatic::before{background:linear-gradient(90deg,#ff6b35,#f7931e);}
.evolution{border-color:#e74c3c;}
.evolution::before{background:linear-gradient(90deg,#e74c3c,#c0392b);}
.spribe{border-color:#9b59b6;}
.spribe::before{background:linear-gradient(90deg,#9b59b6,#8e44ad);}
.provider-logo{margin-bottom:20px;height:60px;display:flex;align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);padding:15px 20px;border-radius:12px;justify-content:center;}
.provider-logo img{filter:none;opacity:1;}
.provider-info h3{font-size:1.5rem;font-weight:700;color:#041140;margin-bottom:15px;}
.provider-info p{color:#666;margin-bottom:20px;line-height:1.6;}
.provider-stats{display:flex;gap:15px;}
.provider-stats span{background:#f8f9fa;padding:8px 15px;border-radius:20px;font-size:0.85rem;font-weight:600;color:#041140;}
.content-wrapper{max-width:1200px;margin:0 auto;}
.content-block{padding:50px 10px;margin-bottom:0;}
.content-block.alt-bg{background:linear-gradient(135deg,#f8f9fb,#e8f4f8);border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;}
.content-block h2{color:#041140;font-size:2rem;margin-bottom:24px;font-weight:700;position:relative;}
.content-block h2::after{content:"";position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#4a9eff,#357abd);border-radius:2px;}
.content-block p{margin-bottom:24px;font-size:1.05rem;line-height:1.8;color:#444;}
.site-footer{background:#041140;color:#fff;padding:40px 10px 20px;}
.footer-content{max-width:1200px;margin:0 auto;}
.footer-block{margin-bottom:30px;}
.footer-block h3{font-size:1.2rem;margin-bottom:15px;color:#4a9eff;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.payment-icons img,.provider-logos img{filter:brightness(0) invert(1);opacity:0.8;transition:all 0.3s ease;}
.payment-icons img:hover,.provider-logos img:hover{opacity:1;transform:scale(1.1);}
.footer-legal{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.2);font-size:0.9rem;opacity:0.8;}
.footer-legal p{margin-bottom:10px;}
@keyframes spin-slow{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-20px) rotate(10deg);}}
@media (min-width:1081px){
.desktop-nav{display:block;}
.desktop-auth{display:flex;}
.hamburger-menu{display:none;}
}
@media (max-width:1024px){
.banner-content h1{font-size:2.6rem;}
.casino-stats{grid-template-columns:repeat(2,1fr);gap:20px;}
.provider-grid{grid-template-columns:1fr;gap:25px;}
}
@media (max-width:768px){
.banner-content h1{font-size:2.2rem;}
.banner-intro{font-size:1rem;}
.content-block h2{font-size:1.6rem;}
.content-block{padding:40px 10px;}
.casino-stats{grid-template-columns:repeat(2,1fr);gap:15px;}
.stat-card{padding:20px;}
.provider-card{padding:25px;}
.payment-icons,.provider-logos{justify-content:center;}
}
@media (max-width:480px){
.banner-content h1{font-size:1.9rem;}
.content-block h2{font-size:1.4rem;}
.content-block{padding:30px 10px;}
.casino-stats{grid-template-columns:1fr;gap:15px;}
.stat-number{font-size:1.5rem;}
.provider-info h3{font-size:1.3rem;}
}
@media (max-width:320px){
.banner-content h1{font-size:1.7rem;}
.banner-intro{font-size:0.9rem;}
.content-block p{font-size:0.95rem;}
.stat-icon{font-size:2rem;}
}