*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#ffffff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#386ab7 75%,#5a8ed1 100%);background-attachment:fixed;animation:gradientShift 15s ease infinite;min-height:100vh}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.navigation-bar{position:fixed;top:0;width:100%;background:rgba(26,26,46,0.95);backdrop-filter:blur(10px);z-index:1000;padding:10px;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s ease}
.brand-logo-area{flex-shrink:0}
.brand-logo-area img{width:160px;height:40px;object-fit:contain}
.desktop-nav-links{display:flex;gap:2rem;margin-left:3rem}
.desktop-nav-links a{color:#ffffff;text-decoration:none;font-weight:500;transition:color 0.3s ease;padding:0.5rem 1rem;border-radius:5px}
.desktop-nav-links a:hover{color:#5a8ed1;background:rgba(90,142,209,0.1)}
.desktop-nav-links .active-nav-item{color:#5a8ed1;background:rgba(90,142,209,0.2)}
.account-actions{display:flex;gap:1rem}
.signin-button,.signup-button{padding:0.75rem 1.5rem;border:none;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease;cursor:pointer}
.signin-button{background:transparent;border:2px solid #386ab7;color:#386ab7}
.signin-button:hover{background:#386ab7;color:#ffffff;transform:translateY(-2px)}
.signup-button{background:linear-gradient(135deg,#386ab7,#5a8ed1);color:#ffffff}
.signup-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(56,106,183,0.4)}
.mobile-menu-trigger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}
.mobile-menu-trigger span{width:25px;height:3px;background:#ffffff;margin:3px 0;transition:0.3s}

.mobile-navigation-panel{position:fixed;top:70px;right:-100%;width:280px;height:calc(100vh - 70px);background:rgba(26,26,46,0.98);backdrop-filter:blur(15px);transition:right 0.3s ease;z-index:999;padding:2rem 1rem;display:flex;flex-direction:column}
.mobile-navigation-panel.active{right:0}
.mobile-nav-links{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.mobile-nav-links a{color:#ffffff;text-decoration:none;padding:1rem;border-radius:10px;font-weight:500;transition:all 0.3s ease}
.mobile-nav-links a:hover{background:rgba(90,142,209,0.2);color:#5a8ed1}
.mobile-account-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}
.mobile-signin,.mobile-signup{padding:1rem;text-align:center;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.mobile-signin{background:transparent;border:2px solid #386ab7;color:#386ab7}
.mobile-signup{background:linear-gradient(135deg,#386ab7,#5a8ed1);color:#ffffff}

.page-content{margin-top:70px;padding:0 10px}

.welcome-banner{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.banner-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.banner-background img{width:100%;height:100%;object-fit:cover;opacity:0.1}
.welcome-content{max-width:800px;z-index:1}
.welcome-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff,#5a8ed1);background-clip:text;-webkit-background-clip:text;color:transparent}
.welcome-content p{font-size:clamp(1.1rem,2.5vw,1.3rem);margin-bottom:2rem;opacity:0.9}
.primary-cta-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#386ab7,#5a8ed1);color:#ffffff;text-decoration:none;font-weight:700;font-size:1.1rem;border-radius:50px;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(56,106,183,0.3)}
.primary-cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(56,106,183,0.5)}

.platform-overview,.registration-process,.gaming-options,.about-chezacash,.payment-systems,.mobile-experience,.bonus-structure,.security-compliance,.common-pitfalls,.alternative-perspective{padding:4rem 0;max-width:1200px;margin:0 auto;position:relative}
.platform-overview::before{content:"🎮";position:absolute;top:2rem;right:2rem;font-size:6rem;opacity:0.1;animation:float 20s ease-in-out infinite}
.registration-process::before{content:"📋";position:absolute;top:3rem;left:1rem;font-size:7rem;opacity:0.12;animation:slideRight 25s linear infinite}
.gaming-options::before{content:"🎯";position:absolute;bottom:2rem;right:3rem;font-size:6.5rem;opacity:0.15;animation:bounce 18s ease-in-out infinite}
.about-chezacash::before{content:"🏢";position:absolute;top:1rem;left:2rem;font-size:6rem;opacity:0.08;animation:slideLeft 22s linear infinite}
.payment-systems::before{content:"💳";position:absolute;top:4rem;right:1rem;font-size:7rem;opacity:0.1;animation:float 19s ease-in-out infinite}
.mobile-experience::before{content:"📱";position:absolute;bottom:3rem;left:1rem;font-size:6.5rem;opacity:0.12;animation:slideUp 24s linear infinite}
.bonus-structure::before{content:"🎁";position:absolute;top:2rem;right:4rem;font-size:6rem;opacity:0.15;animation:rotate 20s linear infinite}
.security-compliance::before{content:"🛡️";position:absolute;bottom:1rem;left:3rem;font-size:7rem;opacity:0.08;animation:slideDown 23s linear infinite}
.common-pitfalls::before{content:"⚠️";position:absolute;top:3rem;right:2rem;font-size:6.5rem;opacity:0.1;animation:pulse 17s ease-in-out infinite}
.alternative-perspective::before{content:"🤔";position:absolute;bottom:4rem;left:2rem;font-size:6rem;opacity:0.12;animation:wiggle 21s ease-in-out infinite}

@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}
@keyframes slideRight{0%{transform:translateX(-100vw)}100%{transform:translateX(100vw)}}
@keyframes slideLeft{0%{transform:translateX(100vw)}100%{transform:translateX(-100vw)}}
@keyframes slideUp{0%{transform:translateY(100vh)}100%{transform:translateY(-100vh)}}
@keyframes slideDown{0%{transform:translateY(-100vh)}100%{transform:translateY(100vh)}}
@keyframes bounce{0%,100%{transform:translateY(0px)}25%{transform:translateY(-15px)}75%{transform:translateY(-10px)}}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}

h2{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff,#5a8ed1);background-clip:text;-webkit-background-clip:text;color:transparent}
h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:1rem;color:#ffffff}
p{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:1.5rem;opacity:0.9;line-height:1.8}

.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}
.feature-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.2)}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(56,106,183,0.3);background:rgba(255,255,255,0.15)}
.feature-icon{font-size:3rem;margin-bottom:1rem}
.feature-card h3{color:#5a8ed1;margin-bottom:1rem}
.feature-card p{opacity:0.8;font-size:1rem}

.registration-steps{margin:2rem 0}
.step-item{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,0.08);border-radius:15px;backdrop-filter:blur(5px)}
.step-number{background:linear-gradient(135deg,#386ab7,#5a8ed1);color:#ffffff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}
.step-details h3{color:#5a8ed1;margin-bottom:0.5rem;font-size:1.3rem}
.step-details p{opacity:0.8;margin-bottom:0}

.cta-placement,.final-cta-placement{text-align:center;margin:3rem 0}
.secondary-cta-button,.tertiary-cta-button{display:inline-block;padding:1rem 2rem;background:rgba(255,255,255,0.1);border:2px solid #386ab7;color:#386ab7;text-decoration:none;font-weight:600;border-radius:30px;transition:all 0.3s ease;backdrop-filter:blur(10px)}
.secondary-cta-button:hover,.tertiary-cta-button:hover{background:#386ab7;color:#ffffff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(56,106,183,0.4)}

.site-footer{background:linear-gradient(135deg,rgba(26,26,46,0.95),rgba(16,33,62,0.95));backdrop-filter:blur(15px);padding:3rem 0 1rem;margin-top:4rem}
.footer-content{max-width:1200px;margin:0 auto;padding:0 10px;display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-brand img{margin-bottom:1rem}
.footer-brand p{opacity:0.8;font-size:0.95rem;line-height:1.6}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.footer-column h4{color:#5a8ed1;margin-bottom:1rem;font-size:1.1rem}
.footer-column a{display:block;color:#ffffff;text-decoration:none;margin-bottom:0.5rem;opacity:0.8;transition:all 0.3s ease;padding:0.3rem 0}
.footer-column a:hover{color:#5a8ed1;opacity:1;transform:translateX(5px)}

.footer-carousels{max-width:1200px;margin:0 auto;padding:0 10px;margin-bottom:2rem}
.payments-carousel,.providers-carousel{margin-bottom:2rem}
.payments-carousel h4,.providers-carousel h4{color:#5a8ed1;margin-bottom:1rem;text-align:center}
.carousel-container{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1rem;background:rgba(255,255,255,0.05);border-radius:15px;backdrop-filter:blur(5px)}
.carousel-container img{opacity:0.7;transition:opacity 0.3s ease;filter:brightness(1.2)}
.carousel-container img:hover{opacity:1}

.footer-legal{max-width:1200px;margin:0 auto;padding:2rem 10px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.1)}
.footer-legal p{opacity:0.7;font-size:0.9rem;line-height:1.5;margin-bottom:0}

@media (max-width:1080px){
.desktop-nav-links,.account-actions{display:none}
.mobile-menu-trigger{display:flex}
.navigation-bar{padding:15px 10px}
.features-grid{grid-template-columns:1fr;gap:1.5rem}
.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}
.carousel-container{gap:1.5rem}
}

@media (max-width:768px){
.welcome-content{padding:0 1rem}
.step-item{flex-direction:column;text-align:center}
.step-number{margin:0 auto 1rem}
.carousel-container{gap:1rem}
.carousel-container img{max-width:80px;height:auto}
}

@media (max-width:480px){
.features-grid{grid-template-columns:1fr;gap:1rem}
.feature-card{padding:1.5rem}
.platform-overview,.registration-process,.gaming-options,.about-chezacash,.payment-systems,.mobile-experience,.bonus-structure,.security-compliance,.common-pitfalls,.alternative-perspective{padding:2rem 0}
.carousel-container{gap:0.8rem;padding:0.8rem}
.footer-links{grid-template-columns:1fr}
}

@media (max-width:320px){
.brand-logo-area img{width:140px;height:35px}
.welcome-content h1{font-size:2rem}
.feature-card{padding:1rem}
.step-item{padding:1rem}
.carousel-container{flex-direction:column;gap:1rem}
.carousel-container img{max-width:100px}
}