*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden;height:100%}
body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#202131 0%,#1a1b2e 25%,#16213e 50%,#0f3460 75%,#202131 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%}}
.top-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(32,33,49,0.1);backdrop-filter:blur(15px);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s ease}
.top-navigation.scrolled{background:rgba(32,33,49,0.95)}
.nav-brand-area{display:flex;align-items:center}
.brand-logo a{text-decoration:none}
.brand-logo img{width:140px;height:53px}
.nav-links-desktop{display:none;gap:35px}
.nav-item{color:#ffffff;text-decoration:none;font-weight:500;transition:color 0.3s ease;font-size:16px}
.nav-item:hover{color:#f4c430}
.active-page{color:#f4c430}
.auth-buttons-desktop{display:none;gap:15px}
.sign-up-btn,.sign-in-btn{padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.sign-up-btn{background:#f4c430;color:#202131}
.sign-in-btn{background:transparent;color:#ffffff;border:2px solid #f4c430}
.sign-up-btn:hover{background:#e6b42d;transform:translateY(-2px)}
.sign-in-btn:hover{background:#f4c430;color:#202131;transform:translateY(-2px)}
.hamburger-toggle{display:flex;flex-direction:column;gap:4px;cursor:pointer;z-index:1001}
.hamburger-toggle span{width:25px;height:3px;background:#ffffff;transition:all 0.3s ease}
.hamburger-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.hamburger-toggle.active span:nth-child(2){opacity:0}
.hamburger-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.mobile-menu{position:fixed;top:0;right:-100%;width:80vw;max-width:300px;min-width:250px;height:100vh;background:rgba(32,33,49,0.95);backdrop-filter:blur(20px);padding:80px 20px 20px;transition:right 0.3s ease;z-index:999;display:flex;flex-direction:column;justify-content:space-between}
.mobile-menu.active{right:0}
.mobile-nav-links{display:flex;flex-direction:column;gap:20px}
.mobile-nav-item{color:#ffffff;text-decoration:none;font-size:16px;font-weight:500;padding:12px 0;transition:color 0.3s ease}
.mobile-nav-item:hover{color:#f4c430}
.active-mobile{color:#f4c430}
.mobile-auth-buttons{display:flex;flex-direction:column;gap:12px}
.mobile-sign-up,.mobile-sign-in{padding:12px;text-align:center;border-radius:20px;text-decoration:none;font-weight:600;transition:all 0.3s ease;font-size:14px}
.mobile-sign-up{background:#f4c430;color:#202131}
.mobile-sign-in{background:transparent;color:#ffffff;border:2px solid #f4c430}
.advanced-strategies-layout{margin-top:80px;padding:0 15px}
.hacks-showcase-zone{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:30px 0}
.hacks-showcase-zone::before{content:'💰';position:absolute;top:5%;left:5%;font-size:8rem;opacity:0.08;animation:floatRotate 30s ease-in-out infinite;z-index:0}
.hacks-showcase-zone::after{content:'🧠';position:absolute;bottom:10%;right:8%;font-size:7rem;opacity:0.1;animation:pulseBounce 25s ease-in-out infinite;z-index:0}
.strategies-visualization{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.professional-toolkit{text-align:center;background:rgba(255,255,255,0.1);padding:40px;border-radius:20px;backdrop-filter:blur(15px);position:relative}
.professional-toolkit::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(244,196,48,0.1) 0%,transparent 50%,rgba(244,196,48,0.1) 100%);border-radius:20px;animation:shimmerOverlay 6s ease-in-out infinite;z-index:-1}
.hack-metrics{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}
.metric-display{display:flex;flex-direction:column;align-items:center}
.metric-value{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;background:linear-gradient(45deg,#f4c430,#ffffff);background-clip:text;-webkit-background-clip:text;color:transparent;animation:digitalCounter 4s ease-in-out infinite}
.metric-name{font-size:0.9rem;opacity:0.8;margin-top:5px}
.professional-toolkit h1{font-size:clamp(1.8rem,6vw,3.5rem);margin-bottom:20px;background:linear-gradient(45deg,#ffffff,#f4c430);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}
.professional-toolkit p{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:30px;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}
.hacks-activation{display:flex;flex-direction:column;align-items:center;gap:20px}
.unlock-strategies{background:linear-gradient(45deg,#f4c430,#e6b42d);color:#202131;padding:15px 35px;border-radius:25px;text-decoration:none;font-size:1.1rem;font-weight:700;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(244,196,48,0.3)}
.unlock-strategies:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(244,196,48,0.5)}
.strategy-features{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}
.strategy-features span{background:rgba(255,255,255,0.1);padding:8px 12px;border-radius:12px;font-size:0.85rem;backdrop-filter:blur(10px)}
.professional-bankroll-management{background:rgba(255,255,255,0.05);margin:40px 0;padding:40px 15px;border-radius:15px;backdrop-filter:blur(10px);position:relative}
.professional-bankroll-management::before{content:'⚡';position:absolute;top:15%;right:3%;font-size:6rem;opacity:0.09;animation:electricPulse 20s ease-in-out infinite;z-index:0}
.professional-bankroll-management h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.professional-bankroll-management>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.bankroll-techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.bankroll-method{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease;position:relative}
.bankroll-method:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.bankroll-method::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f4c430,transparent);animation:progressBar 5s ease-in-out infinite}
.method-symbol{font-size:2.2rem;margin-bottom:15px;text-align:center}
.bankroll-method h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.bankroll-method p{line-height:1.6;opacity:0.9;font-size:0.95rem;margin-bottom:12px}
.timing-optimization-secrets{padding:40px 15px;max-width:1200px;margin:0 auto}
.timing-optimization-secrets h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.timing-optimization-secrets>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.timing-mastery-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}
.timing-technique{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.timing-technique:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.timing-technique h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.timing-technique p{line-height:1.6;opacity:0.9;margin-bottom:12px;font-size:0.95rem}
.psychological-control-systems{background:rgba(255,255,255,0.05);margin:40px 0;padding:40px 15px;border-radius:15px;backdrop-filter:blur(10px);position:relative}
.psychological-control-systems::before{content:'🎯';position:absolute;bottom:20%;left:10%;font-size:7rem;opacity:0.08;animation:targetSpin 35s ease-in-out infinite;z-index:0}
.psychological-control-systems h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.psychological-control-systems>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.psychology-control-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;position:relative;z-index:1}
.mental-framework{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.mental-framework:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.mental-framework h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.mental-framework p{line-height:1.6;opacity:0.9;margin-bottom:12px;font-size:0.95rem}
.advanced-betting-patterns{padding:40px 15px;max-width:1200px;margin:0 auto}
.advanced-betting-patterns h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.advanced-betting-patterns>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.pattern-strategies-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.betting-pattern{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.betting-pattern:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.betting-pattern h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.betting-pattern p{line-height:1.6;opacity:0.9;margin-bottom:12px;font-size:0.95rem}
.session-management-hacks{background:rgba(255,255,255,0.05);margin:40px 0;padding:40px 15px;border-radius:15px;backdrop-filter:blur(10px);position:relative}
.session-management-hacks::before{content:'💎';position:absolute;top:10%;right:5%;font-size:8rem;opacity:0.07;animation:diamondShine 28s ease-in-out infinite;z-index:0}
.session-management-hacks h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.session-management-hacks>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.session-optimization{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;position:relative;z-index:1}
.management-protocol{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.management-protocol:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.management-protocol h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.management-protocol p{line-height:1.6;opacity:0.9;margin-bottom:12px;font-size:0.95rem}
.kenyan-pro-player-case-study{background:rgba(244,196,48,0.1);padding:25px;border-radius:15px;margin:30px 0;max-width:1000px;margin-left:auto;margin-right:auto;backdrop-filter:blur(10px)}
.kenyan-pro-player-case-study h3{color:#f4c430;margin-bottom:15px;font-size:1.2rem}
.kenyan-pro-player-case-study p{line-height:1.6;opacity:0.9;margin-bottom:15px;font-size:0.95rem}
.platform-specific-hacks{padding:40px 15px;max-width:1200px;margin:0 auto}
.platform-specific-hacks h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.platform-specific-hacks>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.platform-optimizations{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.platform-hack{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.platform-hack:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.platform-hack h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.platform-hack p{line-height:1.6;opacity:0.9;font-size:0.95rem}
.risk-management-mastery{background:rgba(255,255,255,0.05);margin:40px 0;padding:40px 15px;border-radius:15px;backdrop-filter:blur(10px);position:relative}
.risk-management-mastery::before{content:'⭐';position:absolute;bottom:5%;left:8%;font-size:6rem;opacity:0.09;animation:starTwinkle 18s ease-in-out infinite;z-index:0}
.risk-management-mastery h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.risk-management-mastery>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.risk-control-systems{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;position:relative;z-index:1}
.risk-technique{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.risk-technique:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.risk-technique h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.risk-technique p{line-height:1.6;opacity:0.9;font-size:0.95rem}
.professional-tools-integration{padding:40px 15px;max-width:1200px;margin:0 auto}
.professional-tools-integration h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.professional-tools-integration>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.professional-toolkit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.pro-tool{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.pro-tool:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.pro-tool h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.pro-tool p{line-height:1.6;opacity:0.9;font-size:0.95rem}
.strategy-implementation-roadmap{background:rgba(255,255,255,0.05);margin:40px 0;padding:40px 15px;border-radius:15px;backdrop-filter:blur(10px)}
.strategy-implementation-roadmap h2{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:15px;color:#f4c430}
.strategy-implementation-roadmap>p{text-align:center;font-size:1rem;margin-bottom:35px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto}
.implementation-phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.phase-guide{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.phase-guide:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(244,196,48,0.2)}
.phase-guide h3{color:#f4c430;margin-bottom:12px;font-size:1.2rem}
.phase-guide p{line-height:1.6;opacity:0.9;font-size:0.95rem}
.hacks-final-activation{padding:40px 15px}
.strategy-implementation-zone{text-align:center}
.master-strategies{background:transparent;color:#f4c430;border:2px solid #f4c430;padding:14px 30px;border-radius:20px;text-decoration:none;font-size:1rem;font-weight:600;transition:all 0.3s ease}
.master-strategies:hover{background:#f4c430;color:#202131;transform:translateY(-2px)}
.bottom-navigation{background:rgba(32,33,49,0.95);padding:30px 15px 15px;backdrop-filter:blur(15px)}
.footer-payments-row{margin-bottom:25px}
.payment-methods h3{color:#f4c430;margin-bottom:15px;text-align:center;font-size:1.1rem}
.payment-icons-flow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center}
.payment-icons-flow img{opacity:0.8;transition:opacity 0.3s ease}
.payment-icons-flow img:hover{opacity:1}
.footer-info-block{max-width:1200px;margin:0 auto}
.authority-statement{background:rgba(255,255,255,0.1);padding:20px;border-radius:12px;margin-bottom:20px;text-align:center;backdrop-filter:blur(10px)}
.authority-statement p{line-height:1.6;opacity:0.9;font-size:0.9rem}
.footer-links-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.brand-footer{color:#f4c430;text-decoration:none;font-weight:600;font-size:1rem}
.footer-separator{color:#f4c430;font-weight:600}
.footer-text{opacity:0.8;font-size:0.85rem}
@keyframes digitalCounter{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes shimmerOverlay{0%{opacity:0.1}50%{opacity:0.3}100%{opacity:0.1}}
@keyframes floatRotate{0%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-30px) rotate(90deg)}50%{transform:translateY(0px) rotate(180deg)}75%{transform:translateY(20px) rotate(270deg)}100%{transform:translateY(0px) rotate(360deg)}}
@keyframes pulseBounce{0%{transform:translateY(0px) scale(1)}30%{transform:translateY(-20px) scale(1.2)}60%{transform:translateY(15px) scale(0.8)}100%{transform:translateY(0px) scale(1)}}
@keyframes electricPulse{0%{opacity:0.09;transform:scale(1)}50%{opacity:0.18;transform:scale(1.4)}100%{opacity:0.09;transform:scale(1)}}
@keyframes progressBar{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
@keyframes targetSpin{0%{transform:rotate(0deg) translateX(20px)}25%{transform:rotate(90deg) translateX(-20px)}50%{transform:rotate(180deg) translateX(20px)}75%{transform:rotate(270deg) translateX(-20px)}100%{transform:rotate(360deg) translateX(20px)}}
@keyframes diamondShine{0%{opacity:0.07;transform:scale(1) rotate(0deg)}33%{opacity:0.15;transform:scale(1.3) rotate(120deg)}66%{opacity:0.1;transform:scale(0.9) rotate(240deg)}100%{opacity:0.07;transform:scale(1) rotate(360deg)}}
@keyframes starTwinkle{0%{opacity:0.09;transform:scale(1)}40%{opacity:0.2;transform:scale(1.5)}60%{opacity:0.05;transform:scale(0.7)}100%{opacity:0.09;transform:scale(1)}}
@media (max-width:320px){
.advanced-strategies-layout{padding:0 10px}
.hacks-showcase-zone{padding:20px 0}
.professional-toolkit{padding:25px}
.hack-metrics{gap:15px}
.metric-value{font-size:clamp(1.3rem,4vw,2rem)}
.unlock-strategies{padding:12px 24px;font-size:1rem}
.strategy-features span{padding:6px 10px;font-size:0.8rem}
.professional-bankroll-management,.psychological-control-systems,.session-management-hacks,.risk-management-mastery,.strategy-implementation-roadmap{padding:25px 10px}
.timing-optimization-secrets,.advanced-betting-patterns,.platform-specific-hacks,.professional-tools-integration{padding:30px 10px}
.bankroll-techniques-grid{grid-template-columns:1fr}
.timing-mastery-breakdown{grid-template-columns:1fr}
.psychology-control-methods{grid-template-columns:1fr}
.pattern-strategies-showcase{grid-template-columns:1fr}
.session-optimization{grid-template-columns:1fr}
.platform-optimizations{grid-template-columns:1fr}
.risk-control-systems{grid-template-columns:1fr}
.professional-toolkit-grid{grid-template-columns:1fr}
.implementation-phases{grid-template-columns:1fr}
.bankroll-method,.timing-technique,.mental-framework,.betting-pattern,.management-protocol,.platform-hack,.risk-technique,.pro-tool,.phase-guide{padding:20px}
.bankroll-method h3,.timing-technique h3,.mental-framework h3,.betting-pattern h3,.management-protocol h3,.platform-hack h3,.risk-technique h3,.pro-tool h3,.phase-guide h3{font-size:1.1rem}
.bankroll-method p,.timing-technique p,.mental-framework p,.betting-pattern p,.management-protocol p,.platform-hack p,.risk-technique p,.pro-tool p,.phase-guide p{font-size:0.9rem}
.brand-logo img{width:120px;height:45px}
.mobile-nav-item{font-size:15px}
.footer-links-row{gap:8px}
.brand-footer{font-size:0.95rem}
.footer-text{font-size:0.8rem}
}
@media (min-width:480px){
.bankroll-techniques-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.timing-mastery-breakdown{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.psychology-control-methods{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pattern-strategies-showcase{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.session-optimization{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.platform-optimizations{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.risk-control-systems{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.professional-toolkit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.implementation-phases{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@media (min-width:768px){
.hacks-activation{flex-direction:row;justify-content:center}
}
@media (min-width:1080px){
.nav-links-desktop{display:flex}
.auth-buttons-desktop{display:flex}
.hamburger-toggle{display:none}
}