:root{--wc-primary:#0a369d;--wc-primary-dark:#001f54;--wc-accent:#e41e26;--wc-accent-hover:#b31217;--wc-secondary:#00a896;--wc-light:#f8f9fa;--wc-dark:#121212;--wc-text-main:#212529;--wc-text-muted:#6c757d;--wc-border:#dee2e6;--wc-card-bg:#ffffff;--wc-gold:#ffc107}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background-color:var(--wc-light);color:var(--wc-text-main);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--wc-primary-dark)}.navbar{background-color:#ffffff;box-shadow:0 2px 15px rgba(0,0,0,0.08);padding:15px 0;transition:all 0.3s ease}.navbar-brand img{max-height:45px;object-fit:contain}.nav-link{color:var(--wc-primary-dark) !important;font-weight:600;padding:8px 16px !important;transition:color 0.2s}.nav-link:hover{color:var(--wc-accent) !important}.hero-section{background:linear-gradient(135deg,rgba(10,54,157,0.95) 0%,rgba(0,31,84,0.98) 100%);color:#ffffff;padding:80px 0 100px 0;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(228,30,38,0.15) 0%,transparent 50%);pointer-events:none}.hero-badge{background-color:var(--wc-accent);color:#ffffff;padding:6px 16px;border-radius:50px;font-weight:700;display:inline-block;margin-bottom:20px;text-transform:uppercase;font-size:0.85rem;letter-spacing:1px}.hero-title{font-size:2.8rem;line-height:1.2;margin-bottom:25px;color:#ffffff}.hero-text{font-size:1.15rem;color:rgba(255,255,255,0.85);margin-bottom:35px}.hero-image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.3)}.hero-image-wrapper img{width:100%;height:auto;transition:transform 0.5s ease}.hero-image-wrapper:hover img{transform:scale(1.03)}.section-padding{padding:80px 0}.section-title-wrap{margin-bottom:50px;position:relative}.section-subtitle{color:var(--wc-accent);text-transform:uppercase;font-weight:700;letter-spacing:1.5px;font-size:0.9rem;margin-bottom:8px;display:block}.section-main-title{font-size:2.2rem;position:relative;display:inline-block;padding-bottom:12px}.section-main-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:var(--wc-accent);border-radius:2px}.stat-card{background:#ffffff;border-radius:12px;padding:30px 20px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.04);border-bottom:4px solid var(--wc-primary);transition:transform 0.3s}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-size:2.8rem;font-weight:800;color:var(--wc-primary-dark);margin-bottom:5px}.stat-label{font-size:0.95rem;color:var(--wc-text-muted);font-weight:600}.schedule-row{background-color:#ffffff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 5px 15px rgba(0,0,0,0.03);border-left:5px solid var(--wc-primary);transition:all 0.2s}.schedule-row:hover{box-shadow:0 8px 25px rgba(0,0,0,0.06);transform:translateX(4px)}.schedule-meta{font-size:0.85rem;color:var(--wc-text-muted)}.schedule-team{font-size:1.1rem;font-weight:700}.schedule-versus{font-weight:800;color:var(--wc-accent);padding:2px 10px;background:rgba(228,30,38,0.1);border-radius:4px;font-size:0.9rem}.schedule-status{font-size:0.85rem;padding:4px 12px;border-radius:50px;font-weight:600}.status-upcoming{background-color:#e9ecef;color:var(--wc-text-muted)}.group-card{background-color:#ffffff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.04);border:1px solid var(--wc-border);overflow:hidden;margin-bottom:30px}.group-header{background-color:var(--wc-primary-dark);color:#ffffff;padding:15px 20px;font-weight:700;font-size:1.2rem}.group-table{margin-bottom:0}.group-table th{font-size:0.8rem;color:var(--wc-text-muted);text-transform:uppercase;padding:12px 20px;background-color:#f8f9fa}.group-table td{padding:14px 20px;vertical-align:middle;font-weight:600}.team-card{background-color:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.05);transition:transform 0.3s;height:100%}.team-card:hover{transform:translateY(-8px)}.team-flag-wrap{height:160px;background-color:#eaeaea;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.team-flag-wrap img{width:100%;height:100%;object-fit:cover}.team-info{padding:20px}.team-rank{font-size:0.8rem;color:var(--wc-accent);font-weight:700;text-transform:uppercase}.news-card{background-color:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.04);transition:transform 0.2s;margin-bottom:25px;border:1px solid rgba(0,0,0,0.05)}.news-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.08)}.news-body{padding:24px}.news-meta{font-size:0.8rem;color:var(--wc-text-muted);margin-bottom:10px;display:flex;gap:15px}.news-title{font-size:1.15rem;margin-bottom:12px;line-height:1.4;font-weight:700}.news-title a{color:var(--wc-primary-dark);text-decoration:none;transition:color 0.2s}.news-title a:hover{color:var(--wc-accent)}.news-excerpt{font-size:0.9rem;color:var(--wc-text-muted);margin-bottom:0}.guide-card{background-color:#ffffff;border-radius:12px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.04);height:100%;border-top:5px solid var(--wc-secondary)}.guide-icon{font-size:2.5rem;color:var(--wc-secondary);margin-bottom:20px}.rule-item{background-color:#ffffff;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.03);margin-bottom:20px}.rule-num{width:36px;height:36px;background-color:var(--wc-primary);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:15px}.accordion-item{border:none;margin-bottom:15px;border-radius:12px !important;box-shadow:0 4px 15px rgba(0,0,0,0.03);overflow:hidden}.accordion-button{font-weight:700;color:var(--wc-primary-dark);padding:20px;background-color:#ffffff}.accordion-button:not(.collapsed){background-color:rgba(10,54,157,0.05);color:var(--wc-primary)}.accordion-body{padding:20px;background-color:#ffffff;color:var(--wc-text-muted);line-height:1.7}.wc-footer{background-color:var(--wc-primary-dark);color:rgba(255,255,255,0.8);padding:70px 0 30px 0;font-size:0.95rem}.wc-footer a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s}.wc-footer a:hover{color:var(--wc-accent)}.footer-logo{max-height:50px;margin-bottom:20px}.footer-title{color:#ffffff;font-weight:700;margin-bottom:25px;font-size:1.1rem;position:relative}@media (max-width:991.98px){.hero-section{padding:60px 0;text-align:center}.hero-title{font-size:2.2rem}.hero-image-wrapper{margin-top:40px}.section-main-title{font-size:1.8rem}}