:root{--primary-color:#0c2340;--secondary-color:#00a896;--accent-color:#e4002b;--accent-gold:#ffb81c;--bg-light:#f4f6f9;--bg-white:#ffffff;--text-dark:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--card-shadow:0 4px 20px rgba(0,0,0,0.05);--transition-smooth: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;color:var(--text-dark);background-color:var(--bg-light);line-height:1.6;overflow-x:hidden}.navbar-custom{background-color:rgba(12,35,64,0.95);backdrop-filter:blur(10px);border-bottom:2px solid var(--secondary-color);transition:var(--transition-smooth);z-index:1030}.navbar-brand img{height:45px;object-fit:contain}.navbar-custom .nav-link{color:rgba(255,255,255,0.85);font-weight:500;padding:0.5rem 1rem !important;transition:var(--transition-smooth)}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:var(--secondary-color)}.navbar-btn{background-color:var(--secondary-color);color:#ffffff !important;border-radius:30px;padding:0.5rem 1.25rem !important;margin-left:0.5rem}.navbar-btn:hover{background-color:#029484;color:#ffffff !important}.hero-section{background:linear-gradient(135deg,rgba(12,35,64,0.95) 0%,rgba(20,50,90,0.9) 100%);color:#ffffff;padding:140px 0 80px;position:relative;overflow:hidden}.hero-badge{background-color:rgba(0,168,150,0.2);color:var(--secondary-color);border:1px solid var(--secondary-color);padding:6px 16px;border-radius:50px;display:inline-block;font-weight:600;margin-bottom:1.5rem}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-title span{color:var(--secondary-color)}.hero-desc{font-size:1.15rem;color:rgba(255,255,255,0.8);margin-bottom:2rem;max-width:600px}.hero-img-container{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.hero-img-container img{width:100%;height:auto;display:block;transition:transform 0.5s ease}.hero-img-container:hover img{transform:scale(1.03)}section{padding:80px 0}.section-header{margin-bottom:50px;text-align:center}.section-tag{color:var(--secondary-color);font-weight:700;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:0.5rem}.section-title{font-size:2.2rem;font-weight:700;color:var(--primary-color)}.custom-card{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);transition:var(--transition-smooth);overflow:hidden;height:100%}.custom-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.08)}.stats-strip{background-color:var(--bg-white);border-bottom:1px solid var(--border-color);margin-top:-40px;position:relative;z-index:10;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.05)}.stat-item{padding:30px 20px;text-align:center;border-right:1px solid var(--border-color)}.stat-item:last-child{border-right:none}.stat-num{font-size:2.5rem;font-weight:800;color:var(--primary-color);line-height:1}.stat-num span{color:var(--secondary-color)}.stat-label{font-size:0.95rem;color:var(--text-muted);margin-top:5px;font-weight:600}.schedule-tabs .nav-link{color:var(--text-dark);border:1px solid var(--border-color);background-color:var(--bg-white);margin:0 5px;border-radius:8px;font-weight:600}.schedule-tabs .nav-link.active{background-color:var(--primary-color);color:#ffffff;border-color:var(--primary-color)}.match-list-item{background:var(--bg-white);border-radius:10px;padding:20px;margin-bottom:15px;border-left:5px solid var(--secondary-color);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--card-shadow);transition:var(--transition-smooth)}.match-list-item:hover{transform:translateX(5px)}.match-meta{flex:1}.match-stage{font-size:0.8rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.match-time{font-weight:700;color:var(--primary-color);font-size:1.1rem}.match-teams-vs{flex:2;display:flex;align-items:center;justify-content:center;gap:20px}.team-vs-name{font-size:1.1rem;font-weight:700;min-width:100px}.team-vs-left{text-align:right}.team-vs-right{text-align:left}.match-vs-badge{background-color:var(--bg-light);padding:4px 12px;border-radius:30px;font-size:0.85rem;font-weight:700;color:var(--text-muted)}.match-venue{flex:1;text-align:right;font-size:0.9rem;color:var(--text-muted)}.group-table-wrap{max-width:100%;overflow-x:auto}.group-table{background-color:var(--bg-white);border-radius:8px;overflow:hidden;margin-bottom:0}.group-table th{background-color:var(--primary-color);color:#ffffff;font-weight:600;text-align:center}.group-table td{text-align:center;vertical-align:middle;font-weight:500}.group-table .team-name-cell{text-align:left;font-weight:700}.group-header-title{background-color:var(--secondary-color);color:#ffffff;padding:10px 15px;font-weight:700;border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:0;display:flex;justify-content:space-between;align-items:center}.swiper-container-teams{padding-bottom:40px}.team-card{text-align:center;padding:30px 20px}.team-flag-placeholder{width:80px;height:80px;background:linear-gradient(135deg,#eee 0%,#ddd 100%);border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#888;border:3px solid var(--border-color)}.news-img-box{position:relative;overflow:hidden;height:200px}.news-img-box img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.custom-card:hover .news-img-box img{transform:scale(1.05)}.news-badge{position:absolute;top:15px;left:15px;background-color:var(--accent-color);color:#ffffff;padding:4px 10px;font-size:0.75rem;font-weight:700;border-radius:4px}.guide-item{display:flex;gap:15px;margin-bottom:25px}.guide-icon{flex-shrink:0;width:50px;height:50px;border-radius:10px;background-color:rgba(0,168,150,0.1);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.guide-content h4{font-size:1.15rem;font-weight:700;margin-bottom:5px;color:var(--primary-color)}.faq-accordion .accordion-item{border:1px solid var(--border-color);border-radius:8px !important;margin-bottom:12px;overflow:hidden;background-color:var(--bg-white);box-shadow:var(--card-shadow)}.faq-accordion .accordion-button{font-weight:700;color:var(--primary-color);background-color:var(--bg-white);padding:18px}.faq-accordion .accordion-button:not(.collapsed){background-color:var(--bg-light);color:var(--secondary-color);box-shadow:none}.faq-accordion .accordion-body{color:var(--text-dark);background-color:var(--bg-white);padding:18px}footer{background-color:var(--primary-color);color:rgba(255,255,255,0.8);padding:80px 0 30px;border-top:5px solid var(--secondary-color)}footer h5{color:#ffffff;font-weight:700;margin-bottom:1.5rem;position:relative;padding-bottom:10px}footer h5::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:3px;background-color:var(--secondary-color)}footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:var(--transition-smooth)}footer a:hover{color:var(--secondary-color);padding-left:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:50px;padding-top:30px;font-size:0.9rem}@media (max-width:991.98px){.hero-section{padding:110px 0 60px;text-align:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-img-container{margin-top:40px}.stats-strip{margin-top:-30px}.stat-item{border-right:none;border-bottom:1px solid var(--border-color)}.stat-item:last-child{border-bottom:none}.match-list-item{flex-direction:column;text-align:center;gap:15px}.match-teams-vs{flex-direction:column;gap:8px}.team-vs-name{text-align:center !important}.match-venue{text-align:center}}