:root{--primary-rgb:10,35,66;--secondary-rgb:216,6,33;--accent-rgb:0,104,71;--page-bg:#f5f7fa;--surface:#ffffff;--surface-strong:#0a2342;--text-main:#1a2530;--text-muted:#606f7b;--text-light:#ffffff;--accent:#d80621;--accent-blue:#0a2342;--accent-green:#006847;--border:#e2e8f0;--card-radius:12px;--transition:all 0.3s ease}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--page-bg);color:var(--text-main);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--accent-blue)}.navbar{background-color:rgba(255,255,255,0.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:0.75rem 1rem;z-index:1050}.navbar-brand img{max-height:40px;width:auto}.nav-link{color:var(--text-main);font-weight:600;padding:0.5rem 1rem !important;transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--accent)}section{padding:80px 0;border-bottom:1px solid var(--border)}section:nth-of-type(even){background-color:#ffffff}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.25rem;position:relative;padding-bottom:15px;display:inline-block}.section-header h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--accent-blue),var(--accent),var(--accent-green));border-radius:2px}#hero{background:linear-gradient(135deg,#0a2342 0%,#163864 100%);color:var(--text-light);padding:100px 0 80px;border-bottom:none}#hero h1{color:var(--text-light);font-size:3rem;line-height:1.2;margin-bottom:1.5rem}#hero p{font-size:1.15rem;color:rgba(255,255,255,0.85);margin-bottom:2rem}.hero-img{border-radius:var(--card-radius);box-shadow:0 20px 40px rgba(0,0,0,0.3);max-width:100%;height:auto}.stats-badge{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50px;padding:0.5rem 1.25rem;display:inline-flex;align-items:center;gap:10px;color:#fff;margin-bottom:1.5rem}.schedule-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:1.5rem;margin-bottom:1rem;transition:var(--transition)}.schedule-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.05);border-color:var(--accent)}.team-flag-placeholder{width:36px;height:24px;background-color:#e2e8f0;display:inline-block;border-radius:4px;text-align:center;font-size:0.7rem;line-height:24px;font-weight:bold;color:#4a5568}.score-box{background:linear-gradient(to right,#ffffff,#f8fafc);border-left:5px solid var(--accent-green);border-radius:var(--card-radius);box-shadow:0 4px 6px rgba(0,0,0,0.02)}.group-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden}.group-header{background-color:var(--accent-blue);color:var(--text-light);padding:10px 15px;font-weight:bold}.group-table{width:100%;margin-bottom:0;font-size:0.9rem}.group-table th,.group-table td{padding:8px 12px;text-align:center}.group-table td:nth-child(2){text-align:left}.custom-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;transition:var(--transition);height:100%}.custom-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.08)}.custom-card img{width:100%;height:200px;object-fit:cover}.card-body-custom{padding:1.5rem}.guide-box{background:#fff;border-radius:var(--card-radius);padding:2rem;box-shadow:0 5px 15px rgba(0,0,0,0.02);height:100%}.accordion-button:not(.collapsed){background-color:rgba(10,35,66,0.05);color:var(--accent-blue)}.accordion-button:focus{box-shadow:none;border-color:var(--accent-blue)}footer{background-color:#051426;color:rgba(255,255,255,0.75);padding:60px 0 20px;font-size:0.95rem}footer h5{color:var(--text-light);margin-bottom:1.5rem}footer a{color:rgba(255,255,255,0.6);text-decoration:none;transition:var(--transition)}footer a:hover{color:var(--text-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;margin-top:40px;text-align:center;font-size:0.85rem}@media (max-width:991px){#hero{padding:60px 0;text-align:center}#hero h1{font-size:2.25rem}.hero-img{margin-top:2rem}.section-header h2{font-size:1.75rem}}@media (max-width:576px){.group-container{grid-template-columns:1fr}section{padding:50px 0}}