:root{--primary:#1a237e;--gold:#ffd700;--text:#2c3e50;--bg:#f8f9fa;--shadow:0 4px 20px rgba(0,0,0,0.08)}
.hero-section{position:relative;width:100%;height:400px;background:url('/wp-content/uploads/2026/01/hero-section.png') center/cover;border-radius:0 0 30px 30px;margin-bottom:40px}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,35,126,0.9),rgba(57,73,171,0.85));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}
.hero-title{font-size:2rem;font-weight:800;color:#fff;margin:0 0 15px;text-shadow:2px 2px 8px rgba(0,0,0,0.3)}
.hero-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.95);max-width:600px;margin:0}
.casino-container{max-width:1200px;margin:0 auto;padding:0 15px 60px}
.intro-text,.info-card{background:#fff;padding:30px;border-radius:20px;box-shadow:var(--shadow);margin-bottom:40px;border-left:5px solid var(--gold)}
.intro-text h2,.info-card h3{color:var(--primary);margin:0 0 15px}
.casino-grid{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:40px}
.casino-card{background:#fff;border-radius:20px;padding:25px;box-shadow:var(--shadow);transition:all 0.3s;border:2px solid transparent;position:relative}
.casino-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),#ffc107)}
.casino-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12);border-color:var(--gold)}
.casino-card h3{font-size:1.5rem;color:var(--primary);margin:0 0 20px;font-weight:700}
.info-icons{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}
.info-item{display:flex;align-items:center;padding:12px;background:var(--bg);border-radius:12px;transition:all 0.2s}
.info-item:hover{background:#e3f2fd;transform:translateX(5px)}
.info-item img{width:32px;height:32px;margin-right:12px}
.info-value{margin-left:auto;font-weight:600;color:var(--primary)}
.info-value.yes{color:#4caf50}
.info-value.no{color:#ff5722}
.card-details{background:#f0f4f8;padding:20px;border-radius:12px;margin:20px 0;border-left:3px solid var(--primary)}
.card-details h4{color:var(--primary);margin:0 0 10px}
.card-details ul{margin:0;padding-left:20px}
.x-observations{margin-top:20px;padding-top:20px;border-top:2px dashed #e0e0e0}
.x-observations h4::before{content:'𝕏 '}
.tweet-embed{background:var(--bg);padding:15px;border-radius:10px;margin-bottom:10px}
.tweet-link{display:inline-flex;color:var(--primary);text-decoration:none;padding:8px 15px;background:#fff;border-radius:8px;transition:all 0.2s}
.tweet-link:hover{background:var(--primary);color:#fff}
.x-disclaimer{font-size:0.85rem;color:#999;padding:10px;background:#fff9e6;border-radius:8px;border-left:3px solid var(--gold)}
.last-check{font-size:0.9rem;color:#999;text-align:right;font-style:italic}
.banner-wrapper{margin:40px 0;text-align:center}
.banner-wrapper img{max-width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow)}
.rehber-blok{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:20px;margin:40px 0}
.rehber-blok h3::before{content:'📘 '}
.freshness-badge{display:inline-flex;align-items:center;padding:8px 15px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:white;border-radius:25px;font-size:0.85rem;font-weight:600;margin:10px 0}
.freshness-badge::before{content:'🔄 '}
.last-update{background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,215,0,0.2));padding:15px 20px;border-radius:12px;border-left:4px solid var(--gold);margin:20px 0;display:flex;align-items:center}
.last-update::before{content:'⏰ ';font-size:1.5rem;margin-right:12px}
.changelog{background:#f8f9fa;padding:25px;border-radius:15px;margin:40px 0;border:2px dashed #e0e0e0}
.changelog-item{padding:10px 0 10px 25px;position:relative;color:#555}
.changelog-item::before{content:'• ';position:absolute;left:5px;color:var(--gold);font-size:1.5rem}
.newly-added-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:20px;border-radius:15px;margin:30px 0;text-align:center}
.updated-today{background:#4caf50;color:white;padding:4px 10px;border-radius:12px;font-size:0.75rem;margin-left:10px}
.casino-card.recently-updated{border-left:5px solid #4caf50}
.casino-card.recently-updated::after{content:'GÜNCELLENDİ';position:absolute;top:10px;right:-5px;background:#4caf50;color:white;padding:5px 12px;font-size:0.7rem;border-radius:3px 0 0 3px}
.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:25px;background:rgba(26,35,126,0.05);border-radius:15px;margin:30px 0}
.filter-btn{padding:12px 24px;border:2px solid var(--primary);background:#fff;color:var(--primary);border-radius:25px;font-weight:600}
.filter-btn.active{background:var(--primary);color:#fff}
.filter-btn::before{content:'🔍 '}
.casino-badge{display:inline-flex;padding:6px 12px;border-radius:20px;font-size:0.8rem;font-weight:600;margin:5px 5px 5px 0}
.badge-new{background:linear-gradient(135deg,#4caf50,#66bb6a);color:white}
.badge-bahis{background:#e3f2fd;color:#1976d2;border:1px solid #1976d2}
.badge-casino{background:#fce4ec;color:#c2185b;border:1px solid #c2185b}
.badge-no-sms{background:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}
.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.comparison-table thead{background:linear-gradient(135deg,var(--primary),#3949ab);color:#fff}
.comparison-table th{padding:15px;text-align:left}
.comparison-table td{padding:12px 15px;border-bottom:1px solid #e0e0e0}
.comparison-table tbody tr:hover{background:#f5f5f5}
.table-check{color:#4caf50;font-size:1.2rem}
.table-cross{color:#ff5722;font-size:1.2rem}
.faq-item{margin-bottom:15px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.faq-question{padding:20px 25px;background:rgba(26,35,126,0.03);font-weight:600;color:var(--primary);cursor:pointer;border-left:4px solid var(--gold)}
.faq-question::after{content:' ▼';float:right;color:var(--gold)}
.faq-answer{padding:0 25px 20px;color:#555;line-height:1.8}
.step-container{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0}
.step-box{background:rgba(255,255,255,0.15);padding:25px;border-radius:15px;border-left:5px solid var(--gold);position:relative}
.step-number{position:absolute;top:-15px;left:20px;background:var(--gold);color:var(--primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.step-title{color:var(--gold);font-size:1.3rem;font-weight:700}
.step-content{color:rgba(255,255,255,0.95);line-height:1.8}
.vs-section{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0}
.vs-box{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:25px;border-radius:15px;border:2px solid transparent}
.vs-box:hover{border-color:var(--gold);transform:translateY(-5px)}
.vs-title{font-size:1.3rem;font-weight:700;color:var(--primary)}
.vs-list{list-style:none;padding:0}
.vs-list li{padding:8px 0 8px 25px;position:relative}
.vs-list li::before{content:'✓';position:absolute;left:0;color:#4caf50}
@media (min-width:768px){.hero-section{height:500px}.hero-title{font-size:3rem}.casino-grid{grid-template-columns:repeat(2,1fr)}.info-icons{grid-template-columns:repeat(2,1fr)}.vs-section{grid-template-columns:repeat(2,1fr)}.step-container{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.hero-section{height:600px}.hero-title{font-size:3.5rem}}