/* Critical Above-the-Fold CSS - Minified for Mobile Performance */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#f8f9fa;padding-bottom:120px}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header-logo{background:linear-gradient(135deg,#1a237e,#3949ab);padding:30px 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.header-content{display:flex;align-items:center;gap:30px}
.logo-section{flex-shrink:0}
.logo-section a{display:inline-block;text-decoration:none}
.logo-section img{max-height:100px;width:auto;background:rgba(255,255,255,.95);padding:12px 20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .3s ease}
.title-section{flex:1}
.title-section h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;line-height:1.2}
.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:80px 0;text-align:center}
.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}
.btn{display:inline-block;padding:15px 30px;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;color:#fff}
.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}
.btn-large{font-size:1.2rem;padding:18px 40px}
.sticky-footer{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;pointer-events:none}
.sticky-footer-container{display:flex;gap:15px;background:rgba(26,35,126,.95);backdrop-filter:blur(10px);padding:15px 25px;border-radius:30px;box-shadow:0 8px 32px rgba(0,0,0,.3);pointer-events:auto}
.sticky-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;border-radius:20px;font-weight:600;font-size:.9rem;transition:all .3s ease;white-space:nowrap;color:#fff}
.sticky-btn-bonus{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}
.sticky-btn-casino{background:linear-gradient(45deg,#4ecdc4,#44a08d)}
.sticky-icon{font-size:1.1rem}
img{max-width:100%;height:auto;display:block;margin:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.author-image{border-radius:50%;width:150px;height:150px;object-fit:cover}
.proscons-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}
.proscons-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.proscons-card h3{margin-bottom:20px;font-size:1.5rem}
.pros-card h3{color:#27ae60}
.cons-card h3{color:#e74c3c}
.proscons-list{list-style:none}
.proscons-list li{padding:8px 0;display:flex;align-items:center;gap:10px}
.pros-list li::before{content:"✅";font-size:1.2rem}
.cons-list li::before{content:"❌";font-size:1.2rem}
@media (max-width:768px){
body{padding-bottom:100px}
.header-logo{padding:20px 0}
.header-content{flex-direction:column;gap:20px;text-align:center}
.logo-section img{max-height:80px;padding:10px 18px}
.title-section h1{font-size:2rem}
.hero{padding:60px 0}
.btn-large{font-size:1rem;padding:15px 25px}
.sticky-footer-container{padding:12px 18px;gap:12px}
.sticky-btn{padding:10px 16px;font-size:.85rem;gap:6px}
.sticky-icon{font-size:1rem}
.proscons-section{grid-template-columns:1fr;gap:20px}
.proscons-card{padding:20px}
}
@media (max-width:480px){
.header-logo{padding:15px 0}
.header-content{gap:15px}
.logo-section img{max-height:60px;padding:8px 15px}
.title-section h1{font-size:1.8rem}
.hero{padding:40px 0}
.hero-subtitle{font-size:1rem}
.btn-large{font-size:.9rem;padding:12px 20px}
.sticky-footer-container{padding:10px 15px;gap:10px}
.sticky-btn{padding:8px 12px;font-size:.8rem}
.proscons-card{padding:15px}
}