*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
body{background:linear-gradient(135deg,#2f3a47 0%,#1a2332 25%,#3d4f63 50%,#2f3a47 75%,#1a2332 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#ffffff;line-height:1.6}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.banner-background{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden}
.banner-background img{width:100%;height:100%;object-fit:cover;opacity:0.3}

.top-navigation{position:fixed;top:0;left:0;right:0;background:rgba(47,58,71,0.95);backdrop-filter:blur(10px);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;z-index:1000;transition:all 0.3s ease}
.nav-brand img{width:110px;height:54px;object-fit:contain}
.nav-links{display:flex;gap:30px}
.nav-links a{color:#ffffff;text-decoration:none;font-weight:500;transition:color 0.3s ease}
.nav-links a:hover{color:#ffd700}
.nav-active{color:#ffd700!important}
.auth-buttons{display:flex;gap:15px}
.btn-signup,.btn-signin{padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.btn-signup{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#2f3a47}
.btn-signin{background:transparent;color:#ffffff;border:2px solid #ffd700}
.btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,215,0,0.3)}
.btn-signin:hover{background:#ffd700;color:#2f3a47}

.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer}
.mobile-menu-toggle span{width:25px;height:3px;background:#ffffff;margin:3px 0;transition:0.3s}
.mobile-menu{position:fixed;top:80px;left:0;right:0;background:rgba(47,58,71,0.98);backdrop-filter:blur(15px);padding:30px 20px;transform:translateY(-100%);transition:transform 0.3s ease;z-index:999}
.mobile-menu.active{transform:translateY(0)}
.mobile-nav-links{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}
.mobile-nav-links a{color:#ffffff;text-decoration:none;font-size:18px;font-weight:500;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.mobile-auth{display:flex;flex-direction:column;gap:15px}
.mobile-signup,.mobile-signin{padding:15px;text-align:center;border-radius:25px;text-decoration:none;font-weight:600}
.mobile-signup{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#2f3a47}
.mobile-signin{background:transparent;color:#ffffff;border:2px solid #ffd700}

main{padding-top:100px;position:relative}
.welcome-zone{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 20px;position:relative}
.welcome-zone::before{content:'🎰';position:absolute;font-size:8rem;opacity:0.1;top:20%;left:10%;animation:floatLeft 20s ease-in-out infinite}
.welcome-zone::after{content:'⚡';position:absolute;font-size:6rem;opacity:0.15;bottom:25%;right:15%;animation:floatRight 25s ease-in-out infinite}
@keyframes floatLeft{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(30px,-20px) rotate(5deg)}50%{transform:translate(-15px,-40px) rotate(-3deg)}75%{transform:translate(20px,-10px) rotate(2deg)}}
@keyframes floatRight{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(-25px,30px) rotate(-4deg)}66%{transform:translate(40px,15px) rotate(6deg)}}

h1{font-size:clamp(2.5rem,5vw,4rem);background:linear-gradient(135deg,#ffd700,#ffed4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px;line-height:1.2}
.welcome-zone p{font-size:clamp(1.1rem,2.5vw,1.3rem);max-width:800px;margin-bottom:40px;color:rgba(255,255,255,0.9)}
.cta-primary,.cta-secondary,.cta-tertiary{display:inline-block;padding:15px 35px;background:linear-gradient(135deg,#ffd700,#ffed4e);color:#2f3a47;text-decoration:none;border-radius:30px;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;margin:10px}
.cta-primary:hover,.cta-secondary:hover,.cta-tertiary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,215,0,0.4)}

.gaming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:80px 20px;max-width:1200px;margin:0 auto}
.game-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden}
.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}
.game-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#ffd700,#ffed4e)}
.card-icon{font-size:3rem;display:block;margin-bottom:20px}
.game-card h3{font-size:1.5rem;margin-bottom:15px;color:#ffd700}
.game-card p{color:rgba(255,255,255,0.8);line-height:1.6}

section{padding:80px 20px;max-width:1200px;margin:0 auto;position:relative}
section::before{content:'💎';position:absolute;font-size:7rem;opacity:0.08;top:10%;right:5%;animation:floatDiagonal 18s ease-in-out infinite;pointer-events:none}
@keyframes floatDiagonal{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,40px)}}

h2{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:30px;background:linear-gradient(135deg,#ffd700,#ffed4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
h3{font-size:clamp(1.5rem,3vw,1.8rem);margin-bottom:20px;color:#ffd700}
h4{font-size:1.3rem;margin-bottom:15px;color:#ffd700}
p{margin-bottom:20px;color:rgba(255,255,255,0.9);font-size:1.1rem}

.signup-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:40px}
.step-item{display:flex;align-items:flex-start;gap:20px}
.step-number{width:50px;height:50px;background:linear-gradient(135deg,#ffd700,#ffed4e);color:#2f3a47;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}
.step-details h4{margin-bottom:10px}
.step-details p{margin-bottom:0;font-size:1rem}

.payment-limits,.game-mechanics,.data-usage,.compliance-measures,.betting-limits,.account-recovery,.support-efficiency,.withdrawal-errors{background:rgba(255,255,255,0.05);border-radius:15px;padding:30px;margin-top:40px}

.site-footer{background:rgba(47,58,71,0.95);backdrop-filter:blur(10px);padding:50px 20px 30px;margin-top:100px}
.footer-content{max-width:1200px;margin:0 auto}
.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}
.link-group h4{color:#ffd700;margin-bottom:20px;font-size:1.2rem}
.link-group a{display:block;color:rgba(255,255,255,0.8);text-decoration:none;margin-bottom:10px;transition:color 0.3s ease}
.link-group a:hover{color:#ffd700}

.payment-providers,.game-providers{margin-bottom:40px}
.payment-providers h4,.game-providers h4{color:#ffd700;margin-bottom:20px;font-size:1.2rem}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.payment-icons img,.provider-logos img{filter:brightness(0.8);transition:filter 0.3s ease}
.payment-icons img:hover,.provider-logos img:hover{filter:brightness(1.2)}

.footer-legal{border-top:1px solid rgba(255,255,255,0.2);padding-top:30px;text-align:center}
.footer-legal p{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:10px}

.table-container{overflow-x:auto;margin:20px 0}

@media (max-width:1080px){
.nav-links,.auth-buttons{display:none}
.mobile-menu-toggle{display:flex}
.gaming-grid{grid-template-columns:1fr;gap:20px;padding:60px 15px}
section{padding:60px 15px}
.signup-steps{grid-template-columns:1fr;gap:30px}
.footer-links{grid-template-columns:1fr;gap:30px;text-align:center}
.payment-icons,.provider-logos{justify-content:center}
}

@media (max-width:768px){
.welcome-zone{min-height:80vh;padding:40px 15px}
h1{font-size:2.2rem}
.game-card{padding:30px 20px}
.step-item{flex-direction:column;text-align:center}
.step-number{margin:0 auto 15px}
}

@media (max-width:480px){
.top-navigation{padding:10px 15px}
.welcome-zone{padding:30px 10px}
.game-card{padding:25px 15px}
section{padding:50px 10px}
.payment-limits,.game-mechanics,.data-usage,.compliance-measures,.betting-limits,.account-recovery,.support-efficiency,.withdrawal-errors{padding:20px}
}

@media (max-width:320px){
h1{font-size:1.8rem}
.cta-primary,.cta-secondary,.cta-tertiary{padding:12px 25px;font-size:1rem}
.game-card{margin-bottom:20px}
.payment-icons,.provider-logos{gap:10px}
.payment-icons img,.provider-logos img{max-width:80px;height:auto}
}