:root{--primary-rgb:13,27,42;--primary:#0d1b2a;--primary-light:#1b263b;--accent-red:#e63946;--accent-teal:#06d6a0;--accent-gold:#ffd166;--text-light:#f8f9fa;--text-muted:#cbd5e1;--text-dark:#0f172a;--bg-light:#f4f6f9;--border-color:rgba(255,255,255,0.12);--card-radius:12px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background-color:var(--primary);color:var(--text-light);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:0px}a{text-decoration:none;transition:var(--transition-smooth)}.section-padding{padding:80px 0}.navbar-custom{background-color:rgba(13,27,42,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:15px 0;z-index:1030}.navbar-brand img{max-height:40px;margin-right:10px}.navbar-custom .nav-link{color:var(--text-muted);font-weight:500;font-size:0.95rem;padding:8px 16px !important;border-radius:6px}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:var(--accent-gold);background-color:rgba(255,255,255,0.05)}.hero-section{padding-top:140px;padding-bottom:80px;background:radial-gradient(circle at 10% 20%,rgba(27,38,59,0.8) 0%,rgba(13,27,42,1) 90%);border-bottom:1px solid var(--border-color)}.hero-title-container{display:flex;flex-direction:column;justify-content:center;height:100%}.hero-tag{background-color:rgba(230,57,70,0.15);color:var(--accent-red);padding:6px 16px;border-radius:30px;font-size:0.85rem;font-weight:600;display:inline-block;align-self:flex-start;margin-bottom:20px;border:1px solid rgba(230,57,70,0.3);text-transform:uppercase}.hero-title{font-size:2.8rem;line-height:1.25;margin-bottom:20px;color:var(--text-light);text-shadow:0 2px 4px rgba(0,0,0,0.3)}.hero-desc{font-size:1.1rem;color:var(--text-muted);margin-bottom:30px;max-width:580px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;border-top:1px solid var(--border-color);padding-top:25px}.stat-item .stat-num{font-size:1.8rem;color:var(--accent-gold);font-weight:800}.stat-item .stat-lbl{font-size:0.85rem;color:var(--text-muted)}.hero-img-wrapper{position:relative;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.5);border:1px solid var(--border-color)}.hero-img-wrapper img{width:100%;height:auto;object-fit:cover;display:block}.live-status-section{background-color:var(--primary-light);padding:30px 0;border-bottom:1px solid var(--border-color)}.live-match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.match-card{background-color:rgba(13,27,42,0.6);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:15px 20px;transition:var(--transition-smooth)}.match-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.25)}.match-header{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--text-muted);margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:8px}.match-status-badge{color:var(--accent-teal);font-weight:600}.team-lineup{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.team-info{display:flex;align-items:center;font-size:0.95rem;font-weight:600}.team-score{font-size:1.1rem;font-weight:700;color:var(--accent-gold)}.section-header{margin-bottom:45px;text-align:center}.section-header h2{font-size:2.2rem;color:var(--text-light);position:relative;display:inline-block;padding-bottom:12px}.section-header h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--accent-red),var(--accent-gold));border-radius:2px}.section-header p{color:var(--text-muted);font-size:1rem;margin-top:15px;max-width:650px;margin-left:auto;margin-right:auto}.schedule-section{background-color:var(--primary)}.table-custom{background-color:var(--primary-light);border-collapse:separate;border-spacing:0;border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--border-color)}.table-custom th{background-color:rgba(0,0,0,0.25);color:var(--accent-gold);font-weight:600;border-bottom:1px solid var(--border-color);padding:15px 20px}.table-custom td{color:var(--text-light);padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.05);vertical-align:middle}.table-custom tr:last-child td{border-bottom:none}.phase-badge{background-color:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:var(--text-muted);padding:4px 10px;border-radius:4px;font-size:0.8rem}.groups-section{background-color:var(--primary-light)}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.group-card{background-color:var(--primary);border:1px solid var(--border-color);border-radius:var(--card-radius);overflow:hidden;transition:var(--transition-smooth)}.group-card:hover{transform:translateY(-5px);border-color:var(--accent-gold);box-shadow:0 10px 20px rgba(0,0,0,0.3)}.group-card-header{background-color:rgba(255,209,102,0.1);color:var(--accent-gold);padding:12px 20px;font-weight:700;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between}.group-team-list{padding:15px 20px}.group-team-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05)}.group-team-item:last-child{border-bottom:none}.group-team-name{font-weight:500;color:var(--text-light)}.group-team-stats{font-size:0.85rem;color:var(--text-muted)}.teams-section{background-color:var(--primary)}.team-profile-card{background-color:var(--primary-light);border-radius:var(--card-radius);border:1px solid var(--border-color);padding:25px;transition:var(--transition-smooth);text-align:center}.team-profile-card:hover{border-color:var(--accent-red);transform:translateY(-3px)}.team-badge-placeholder{width:70px;height:70px;border-radius:50%;background-color:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--accent-gold);margin:0 auto 15px;border:2px solid var(--border-color)}.team-profile-title{font-size:1.15rem;font-weight:700;margin-bottom:5px}.team-profile-sub{font-size:0.85rem;color:var(--text-muted);margin-bottom:15px}.team-profile-meta{font-size:0.8rem;display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,0.05);padding-top:12px}.news-section{background-color:var(--primary-light)}.news-card{background-color:var(--primary);border-radius:var(--card-radius);border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-smooth)}.news-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.25)}.news-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.news-category{color:var(--accent-teal);font-size:0.8rem;text-transform:uppercase;font-weight:600;margin-bottom:10px}.news-card-title{font-size:1.25rem;color:var(--text-light);margin-bottom:12px;line-height:1.4}.news-card-excerpt{color:var(--text-muted);font-size:0.9rem;margin-bottom:20px;flex-grow:1}.news-footer{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,0.05);padding-top:15px}.stadium-section{background-color:var(--primary)}.stadium-display-card{background-color:var(--primary-light);border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--border-color)}.stadium-info-pane{padding:40px;display:flex;flex-direction:column;justify-content:center;height:100%}.stadium-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.stadium-mini-item{background-color:rgba(0,0,0,0.15);padding:10px 15px;border-radius:6px;border-left:3px solid var(--accent-gold)}.stadium-mini-name{font-size:0.85rem;font-weight:600;color:var(--text-light)}.stadium-mini-city{font-size:0.75rem;color:var(--text-muted)}.rules-section{background-color:var(--primary-light)}.rule-card{background-color:var(--primary);border-radius:var(--card-radius);padding:30px;border:1px solid var(--border-color);height:100%;transition:var(--transition-smooth)}.rule-card:hover{border-color:var(--accent-teal)}.rule-icon{font-size:2.2rem;color:var(--accent-teal);margin-bottom:20px}.rule-title{font-size:1.25rem;margin-bottom:12px;color:var(--text-light)}.rule-desc{color:var(--text-muted);font-size:0.9rem;line-height:1.6;margin-bottom:0}.guide-section{background-color:var(--primary)}.guide-card{background-color:var(--primary-light);border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--border-color);height:100%}.guide-body{padding:30px}.guide-icon-box{width:50px;height:50px;border-radius:8px;background-color:rgba(255,209,102,0.1);color:var(--accent-gold);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.about-section{background-color:rgba(13,27,42,0.8);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.about-card{background-color:var(--primary-light);border-radius:var(--card-radius);padding:40px;border:1px solid rgba(255,255,255,0.06)}.faq-section{background-color:var(--primary)}.accordion-custom .accordion-item{background-color:var(--primary-light);border:1px solid var(--border-color);margin-bottom:15px;border-radius:var(--card-radius) !important;overflow:hidden}.accordion-custom .accordion-button{background-color:var(--primary-light);color:var(--text-light);font-weight:600;padding:20px;box-shadow:none;border:none}.accordion-custom .accordion-button:not(.collapsed){color:var(--accent-gold);background-color:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.05)}.accordion-custom .accordion-button::after{filter:invert(1)}.accordion-custom .accordion-body{padding:20px;color:var(--text-muted);font-size:0.95rem;background-color:rgba(0,0,0,0.1);line-height:1.7}.footer-section{background-color:#08111c;color:var(--text-muted);padding:70px 0 30px;border-top:1px solid var(--border-color);font-size:0.9rem}.footer-logo{margin-bottom:20px}.footer-logo img{max-height:45px}.footer-brand-text{color:var(--text-light);font-weight:700;font-size:1.2rem;margin-bottom:15px}.footer-links-title{color:var(--text-light);font-size:1rem;font-weight:600;margin-bottom:20px;position:relative}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:12px}.footer-links-list a{color:var(--text-muted)}.footer-links-list a:hover{color:var(--accent-gold);padding-left:5px}.copyright-area{border-top:1px solid rgba(255,255,255,0.05);margin-top:50px;padding-top:25px;font-size:0.8rem}@media (max-width:991.98px){.hero-section{padding-top:110px;padding-bottom:50px}.hero-title{font-size:2.2rem}.stadium-list-grid{grid-template-columns:1fr}}@media (max-width:767.98px){.hero-title{font-size:1.8rem}.section-padding{padding:60px 0}.section-header h2{font-size:1.8rem}.table-responsive-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}