:root{--primary-blue:#0a2540;--accent-red:#da291c;--accent-green:#006847;--bg-light:#f4f6f9;--bg-card:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--hero-gradient:linear-gradient(135deg,#0a2540 0%,#1a365d 100%)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-main);background-color:var(--bg-light);line-height:1.6;overflow-x:hidden}.site-header{background-color:var(--primary-blue);border-bottom:3px solid var(--accent-red);position:sticky;top:0;z-index:1030}.navbar-brand img{height:40px;object-fit:contain}@media (min-width:1200px){.side-nav-spy{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000;background:rgba(10,37,64,0.9);padding:15px 10px;border-radius:30px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(5px)}.side-nav-spy ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.side-nav-spy a{color:rgba(255,255,255,0.7);font-size:12px;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all 0.3s}.side-nav-spy a:hover{color:var(--accent-red);transform:translateX(-3px)}.side-nav-spy i{font-size:16px}}@media (max-width:1199.98px){.side-nav-spy{display:none}}.hero-section{background:var(--hero-gradient);color:#ffffff;padding:80px 0;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--bg-light),transparent)}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.hero-badge{background-color:var(--accent-red);color:#fff;padding:6px 16px;border-radius:50px;font-weight:600;display:inline-block;margin-bottom:15px;font-size:0.9rem;text-transform:uppercase;letter-spacing:1px}.hero-img-wrapper img{border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,0.4);border:4px solid rgba(255,255,255,0.1)}.main-container{padding-top:40px;padding-bottom:60px}.wc-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,0.02);transition:transform 0.3s,box-shadow 0.3s;margin-bottom:24px;overflow:hidden}.wc-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px rgba(0,0,0,0.08)}.wc-card-header{padding:20px 24px;border-bottom:1px solid var(--border-color);background-color:#fafbfc;display:flex;justify-content:space-between;align-items:center}.wc-card-title{font-size:1.25rem;font-weight:700;color:var(--primary-blue);margin:0;display:flex;align-items:center;gap:10px}.wc-card-body{padding:24px}.stat-badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media (min-width:768px){.stat-badge-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:15px;text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#ffffff;line-height:1;margin-bottom:5px}.stat-label{font-size:0.85rem;color:rgba(255,255,255,0.7)}.score-strip{background:linear-gradient(90deg,#ffffff,#f8fafc);border-left:4px solid var(--accent-red);border-radius:8px;padding:16px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.score-team{display:flex;align-items:center;gap:12px;font-weight:600;width:35%}.score-team.team-right{justify-content:flex-end}.score-center{text-align:center;width:30%}.score-num-box{background:var(--primary-blue);color:#fff;font-weight:800;padding:4px 12px;border-radius:4px;font-size:1.1rem;display:inline-block}.score-status-tag{font-size:0.75rem;padding:2px 8px;border-radius:20px;font-weight:600}.status-upcoming{background-color:#e2e8f0;color:#475569}.status-live{background-color:#fee2e2;color:#ef4444;animation:pulse 2s infinite}.schedule-timeline{position:relative;padding-left:20px;border-left:2px solid var(--border-color)}.schedule-node{position:relative;margin-bottom:25px}.schedule-node::before{content:'';position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background-color:var(--accent-red);border:2px solid #fff}.schedule-date{font-size:0.85rem;font-weight:700;color:var(--accent-red);text-transform:uppercase;margin-bottom:5px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.group-box{background:#f8fafc;border:1px solid var(--border-color);border-radius:8px;padding:15px}.group-header-title{background:var(--primary-blue);color:#fff;padding:4px 10px;font-size:0.9rem;font-weight:700;border-radius:4px;margin-bottom:12px;text-align:center}.group-team-list{list-style:none;padding:0;margin:0}.group-team-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed var(--border-color);font-size:0.9rem}.group-team-item:last-child{border-bottom:none}.team-profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.team-profile-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:15px;text-align:center;transition:all 0.3s}.team-profile-card:hover{border-color:var(--accent-red);box-shadow:0 4px 12px rgba(218,41,28,0.1)}.team-flag-placeholder{width:48px;height:48px;border-radius:50%;background-color:#e2e8f0;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--primary-blue);border:2px solid #cbd5e1}.guide-section{background:#ffffff;border-radius:12px;border:1px solid var(--border-color);padding:30px}.news-list-item{padding:15px 0;border-bottom:1px solid var(--border-color)}.news-list-item:last-child{border-bottom:none;padding-bottom:0}.news-meta{font-size:0.8rem;color:var(--text-muted);margin-bottom:4px}.news-title-link{color:var(--text-main);font-weight:600;font-size:1rem;text-decoration:none;transition:color 0.2s}.news-title-link:hover{color:var(--accent-red)}.faq-accordion .accordion-item{border:1px solid var(--border-color);border-radius:8px !important;margin-bottom:10px;overflow:hidden}.faq-accordion .accordion-button{font-weight:600;color:var(--primary-blue);background-color:#fff}.faq-accordion .accordion-button:not(.collapsed){background-color:#f1f5f9;color:var(--accent-red);box-shadow:none}.scroll-x-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x-container table{min-width:600px}.site-footer{background-color:var(--primary-blue);color:#cbd5e1;padding:60px 0 30px;border-top:5px solid var(--accent-red)}.site-footer a{color:#94a3b8;text-decoration:none;transition:color 0.2s}.site-footer a:hover{color:#ffffff}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}