:root{--primary:#0f2d59;--secondary:#00a86b;--accent:#ff3b30;--bg-main:#f4f6f9;--bg-card:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--nav-bg:rgba(15,45,89,0.95)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6}.navbar{background-color:var(--nav-bg) !important;backdrop-filter:blur(10px);border-bottom:2px solid var(--secondary);padding:0.8rem 1rem}.navbar-brand img{max-height:40px;margin-right:10px}.navbar-brand span{color:#ffffff;font-weight:800;letter-spacing:1px}.nav-link{color:rgba(255,255,255,0.9) !important;font-weight:500;margin:0 0.5rem;transition:color 0.3s}.nav-link:hover{color:var(--secondary) !important}.section-header{margin-bottom:3rem;position:relative}.section-header h2{font-weight:800;color:var(--primary);position:relative;display:inline-block;padding-bottom:10px}.section-header h2::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background:var(--secondary);border-radius:2px}.hero-section{background:linear-gradient(135deg,#0f2d59 0%,#05142b 100%);color:#ffffff;padding:8rem 0 5rem 0;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(0,168,107,0.15) 0%,transparent 50%)}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.hero-badge{background-color:var(--secondary);color:#ffffff;padding:0.5rem 1rem;border-radius:30px;font-weight:600;font-size:0.9rem;display:inline-block;margin-bottom:1.5rem}.hero-img-container{border-radius:12px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.3)}.live-score-strip{background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-top:-3rem;position:relative;z-index:10;border-radius:12px;border:1px solid var(--border-color)}.score-item{border-right:1px solid var(--border-color);padding:1.5rem}.score-item:last-child{border-right:none}.match-status{font-size:0.75rem;text-transform:uppercase;font-weight:700;color:var(--accent)}.group-card{background:var(--bg-card);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.02);border:1px solid var(--border-color);transition:transform 0.3s}.group-card:hover{transform:translateY(-5px)}.group-header{background-color:var(--primary);color:#ffffff;font-weight:700;text-align:center;padding:0.8rem;border-radius:11px 11px 0 0}.custom-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all 0.3s ease}.custom-card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.05)}.faq-item{background:#ffffff;border:1px solid var(--border-color);border-radius:10px !important;margin-bottom:1rem;overflow:hidden}.accordion-button:not(.collapsed){background-color:rgba(15,45,89,0.05);color:var(--primary)}footer{background-color:#0b1a30;color:#cbd5e1;padding:5rem 0 2rem 0;border-top:4px solid var(--secondary)}footer a{color:#94a3b8;text-decoration:none;transition:color 0.3s}footer a:hover{color:#ffffff}@media (max-width:991px){.hero-content h1{font-size:2.2rem}.live-score-strip{margin-top:-1.5rem}.score-item{border-right:none;border-bottom:1px solid var(--border-color)}.score-item:last-child{border-bottom:none}}