:root{--stadium-green:#0b5240;--field-grass:#128060;--accent-gold:#e2b13c;--vibrant-lime:#76ff03;--dark-coal:#131c1a;--light-bg:#f5f9f8;--card-white:#ffffff;--text-main:#1f2c29;--text-muted:#5e726e;--border-soft:#e3edea;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--light-bg);color:var(--text-main);line-height:1.6;overflow-x:hidden}.navbar-custom{background-color:var(--stadium-green);backdrop-filter:blur(10px);border-bottom:2px solid var(--accent-gold);padding:0.8rem 1rem;position:sticky;top:0;z-index:1050}.navbar-brand img{max-height:42px;object-fit:contain}.navbar-brand span{color:var(--card-white);font-weight:800;letter-spacing:0.5px;margin-left:8px}.nav-link-custom{color:#d1dfdc !important;font-weight:600;padding:0.5rem 1rem !important;transition:var(--transition)}.nav-link-custom:hover,.nav-link-custom.active{color:var(--vibrant-lime) !important}.hero-section{background:linear-gradient(135deg,var(--stadium-green) 0%,var(--dark-coal) 100%);color:var(--card-white);padding:5rem 0 4rem;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(18,128,96,0.15) 0%,transparent 60%);pointer-events:none}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.25;color:var(--card-white)}.hero-title span{color:var(--vibrant-lime)}.badge-live{background-color:var(--accent-gold);color:var(--dark-coal);font-weight:700;letter-spacing:1px;padding:0.4rem 1rem;border-radius:30px}.ticker-wrap{background:var(--dark-coal);border-bottom:1px solid rgba(255,255,255,0.1);color:var(--card-white);padding:0.75rem 0}.ticker-item{display:inline-block;margin-right:3rem;font-size:0.9rem}.ticker-badge{background-color:rgba(255,255,255,0.1);border:1px solid var(--vibrant-lime);padding:2px 6px;border-radius:4px;font-size:0.75rem;margin-right:8px}.section-header{margin-bottom:2.5rem;position:relative}.section-header h2{font-weight:800;color:var(--stadium-green);position:relative;display:inline-block;padding-bottom:0.5rem}.section-header h2::after{content:'';position:absolute;bottom:0;left:0;width:50%;height:4px;background-color:var(--field-grass);border-radius:2px}.world-card{background:var(--card-white);border-radius:var(--border-radius);border:1px solid var(--border-soft);box-shadow:0 4px 15px rgba(11,82,64,0.03);transition:var(--transition);overflow:hidden;height:100%}.world-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(11,82,64,0.08);border-color:var(--field-grass)}.match-bar-card{background:var(--card-white);border-left:5px solid var(--field-grass);border-radius:8px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.02)}.match-team{font-weight:700;font-size:1.1rem}.match-vs{color:var(--text-muted);font-size:0.85rem;background:#f0f5f3;padding:2px 8px;border-radius:12px;font-weight:600}.group-table{width:100%;border-collapse:collapse}.group-table th{background-color:var(--stadium-green);color:var(--card-white);padding:0.75rem;font-weight:600;text-align:center}.group-table td{padding:0.75rem;border-bottom:1px solid var(--border-soft);text-align:center}.group-table tr:hover{background-color:#f8faf9}.team-profile-img{height:200px;object-fit:cover;width:100%}.news-thumb{width:100px;height:75px;object-fit:cover;border-radius:6px}.guide-box{background:linear-gradient(180deg,var(--card-white) 0%,#f9fbfb 100%);border:1px solid var(--border-soft);border-radius:var(--border-radius);padding:1.5rem}.accordion-button:not(.collapsed){background-color:#f0f5f3;color:var(--stadium-green);box-shadow:none}.accordion-button:focus{box-shadow:none;border-color:var(--field-grass)}footer{background-color:var(--dark-coal);color:#afb8b6;padding:4rem 0 2rem;border-top:4px solid var(--field-grass)}footer h5{color:var(--card-white);font-weight:700;margin-bottom:1.5rem}footer a{color:#afb8b6;text-decoration:none;transition:var(--transition)}footer a:hover{color:var(--vibrant-lime)}@media (max-width:991.98px){.hero-title{font-size:2.2rem}.navbar-collapse{background:var(--stadium-green);padding:1rem;border-radius:8px;margin-top:0.5rem}.table-responsive-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}