*{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:40px;object-fit:contain;}
.desktop-nav{display:flex;gap:30px;}
.desktop-nav a{color:white;text-decoration:none;font-weight:500;transition:opacity 0.3s;}
.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{color:white;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-auth{display:flex;gap:15px;}
.hero-section{background:linear-gradient(135deg,#630160 0%,#8b0369 100%);color:white;padding:80px 10px;text-align:center;position:relative;overflow:hidden;}
.hero-section::before{content:'⚽';position:absolute;font-size:8rem;opacity:0.1;top:20%;left:10%;animation:floatDiagonal 20s linear infinite;}
.hero-section::after{content:'🎰';position:absolute;font-size:6rem;opacity:0.12;top:60%;right:15%;animation:floatVertical 18s linear infinite;}
@keyframes floatDiagonal{0%{transform:translate(0,0) rotate(0deg);}100%{transform:translate(200px,-100px) rotate(360deg);}}
@keyframes floatVertical{0%{transform:translateY(0);}50%{transform:translateY(-80px);}100%{transform:translateY(0);}}
.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;}
.hero-description{font-size:1.2rem;margin-bottom:40px;opacity:0.9;}
.hero-buttons{display:flex;gap:20px;justify-content:center;}
.cta-primary,.cta-secondary{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.cta-primary{background:#ff6b35;color:white;}
.cta-secondary{border:2px solid white;color:white;background:transparent;}
.cta-primary:hover{background:#e55a2b;transform:translateY(-2px);}
.cta-secondary:hover{background:white;color:#630160;}
.platform-overview,.registration-section,.payments-section,.gaming-overview,.mobile-experience,.bonus-overview,.support-section,.responsible-gaming,.evolution-section,.final-thoughts{padding:60px 10px;max-width:1200px;margin:0 auto;}
.platform-overview h2,.registration-section h2,.payments-section h2,.gaming-overview h2,.mobile-experience h2,.bonus-overview h2,.support-section h2,.responsible-gaming h2,.evolution-section h2,.final-thoughts h2{color:#630160;font-size:2.2rem;margin-bottom:20px;text-align:center;}
.platform-overview p,.registration-section p,.payments-section p,.gaming-overview p,.mobile-experience p,.bonus-overview p,.support-section p,.responsible-gaming p,.evolution-section p,.final-thoughts p{margin-bottom:20px;font-size:1.1rem;line-height:1.7;}
.safety-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;}
.feature-card{background:white;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.feature-card:hover{transform:translateY(-5px);}
.feature-icon{font-size:3rem;margin-bottom:15px;}
.feature-card h3{color:#630160;margin-bottom:15px;font-size:1.3rem;}
.registration-steps{margin:40px 0;}
.step{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;background:white;padding:25px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.step-number{background:#630160;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;flex-shrink:0;}
.step-content h3{color:#630160;margin-bottom:10px;}
.payment-methods,.gaming-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:40px 0;}
.payment-card,.category-card{background:white;padding:25px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.3s;}
.payment-card:hover,.category-card:hover{transform:translateY(-3px);}
.payment-card h3,.category-card h3{color:#630160;margin-bottom:15px;}
.payment-limits{display:flex;justify-content:space-between;margin-top:15px;font-size:0.9rem;color:#666;}
.payment-limits span{background:#f0f0f0;padding:5px 10px;border-radius:5px;}
.category-icon{font-size:2.5rem;margin-bottom:15px;display:block;}
.mobile-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:30px 0;}
.comparison-item{background:white;padding:25px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.comparison-item h3{color:#630160;margin-bottom:15px;}
.comparison-item ul{list-style:none;}
.comparison-item li{padding:8px 0;border-bottom:1px solid #eee;}
.comparison-item li:before{content:'✓';color:#630160;font-weight:bold;margin-right:10px;}
.bonus-details,.support-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:30px 0;}
.bonus-type,.support-method{background:white;padding:25px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.bonus-type h3,.support-method h3{color:#630160;margin-bottom:15px;}
.response-time{display:inline-block;background:#630160;color:white;padding:5px 12px;border-radius:15px;font-size:0.9rem;margin-top:10px;}
.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-buttons{flex-direction:column;align-items:center;}
.safety-features,.payment-methods,.gaming-categories{grid-template-columns:1fr;}
.mobile-comparison{grid-template-columns:1fr;}
}
@media (max-width:768px){
.hero-content h1{font-size:1.8rem;}
.platform-overview h2,.registration-section h2,.payments-section h2,.gaming-overview h2,.mobile-experience h2,.bonus-overview h2,.support-section h2,.responsible-gaming h2,.evolution-section h2,.final-thoughts h2{font-size:1.8rem;}
.step{flex-direction:column;text-align:center;}
.step-number{align-self:center;}
}
@media (max-width:480px){
.hero-section{padding:50px 10px;}
.hero-content h1{font-size:1.5rem;}
.hero-description{font-size:1rem;}
.platform-overview,.registration-section,.payments-section,.gaming-overview,.mobile-experience,.bonus-overview,.support-section,.responsible-gaming,.evolution-section,.final-thoughts{padding:40px 10px;}
.feature-card,.payment-card,.category-card,.comparison-item,.bonus-type,.support-method{padding:20px;}
}
@media (max-width:320px){
.header-container{padding:8px;}
.logo-container img{width:140px;height:35px;}
.hero-content h1{font-size:1.3rem;}
.cta-primary,.cta-secondary{padding:12px 20px;font-size:0.9rem;}
}