:root{--primary:#0f2c59;--secondary:#e30a17;--accent:#00a86b;--light-bg:#f5f7fa;--surface:#ffffff;--text-main:#1a202c;--text-muted:#64748b;--border-color:#e2e8f0;--card-radius:12px;--shadow-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-md:0 8px 24px rgba(15,44,89,0.08)}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{background-color:var(--surface) !important;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);transition:all 0.3s ease}.navbar-brand{font-weight:800;color:var(--primary) !important;display:flex;align-items:center;gap:10px}.navbar-brand img{height:40px;width:auto}.nav-link{color:var(--primary) !important;font-weight:600;padding:0.5rem 1rem !important;transition:color 0.2s ease}.nav-link:hover,.nav-link.active{color:var(--secondary) !important}.wc-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.wc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.section-header{margin-bottom:2.5rem;position:relative}.section-header h2{font-weight:800;color:var(--primary);position:relative;display:inline-block;padding-bottom:12px}.section-header h2::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:4px;background:linear-gradient(90deg,var(--secondary),var(--accent));border-radius:2px}.section-header p{color:var(--text-muted);margin-top:0.5rem;font-size:0.95rem}.hero-section{background:linear-gradient(135deg,#0f2c59 0%,#1a365d 100%);color:#ffffff;padding:5rem 0;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(0,168,107,0.15) 0%,transparent 50%);pointer-events:none}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.3;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.3)}@media (min-width:992px){.hero-title{font-size:3.5rem}}.hero-desc{font-size:1.1rem;color:rgba(255,255,255,0.85);margin-bottom:2rem;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);padding:6px 16px;border-radius:50px;font-size:0.85rem;font-weight:600;margin-bottom:1.5rem;color:#ffffff;backdrop-filter:blur(4px)}.hero-badge i{color:var(--accent)}.stat-card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:1.5rem;text-align:center;backdrop-filter:blur(8px);transition:all 0.3s ease}.stat-card:hover{background:rgba(255,255,255,0.12);transform:translateY(-3px)}.stat-num{font-size:2.2rem;font-weight:800;color:#ffffff;display:block}.stat-label{font-size:0.85rem;color:rgba(255,255,255,0.7);margin-top:5px;display:block}.match-card{border-left:5px solid var(--primary);padding:1.25rem}.match-card.live{border-left-color:var(--secondary);animation:pulse-border 2s infinite}@keyframes pulse-border{0%{border-left-color:var(--secondary)}50%{border-left-color:rgba(227,10,23,0.4)}100%{border-left-color:var(--secondary)}}.team-flag-wrap{width:40px;height:40px;border-radius:50%;background:var(--light-bg);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;box-shadow:var(--shadow-sm)}.match-score{font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:2px}.match-status-badge{font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:20px}.group-table th{background-color:var(--primary);color:#ffffff;font-weight:600;border:none}.group-table td{vertical-align:middle}.qualified{background-color:rgba(0,168,107,0.08)}.sidebar-sticky{position:sticky;top:90px}.accordion-button:not(.collapsed){background-color:rgba(15,44,89,0.05);color:var(--primary);box-shadow:none}.accordion-button{font-weight:600;color:var(--text-main)}.table-responsive{border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.guide-icon{width:50px;height:50px;background-color:rgba(15,44,89,0.1);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem;transition:all 0.3s ease}.wc-card:hover .guide-icon{background-color:var(--primary);color:#ffffff}footer{background-color:#0b1a30;color:rgba(255,255,255,0.7);border-top:4px solid var(--secondary)}footer h5{color:#ffffff;font-weight:700;margin-bottom:1.5rem}footer a{color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.2s}footer a:hover{color:#ffffff}