:root{--page-bg:#f8fafc;--surface:#ffffff;--surface-strong:#0f172a;--text-main:#1e293b;--text-muted:#64748b;--accent:#0284c7;--accent-hover:#0369a1;--accent-secondary:#ef4444;--accent-success:#22c55e;--border:#e2e8f0;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1)}body{background-color:var(--page-bg);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden;line-height:1.6}.navbar-custom{background-color:var(--surface-strong);box-shadow:var(--shadow-md);padding:0.8rem 1rem;transition:all 0.3s ease}.navbar-custom .navbar-brand{color:#ffffff;font-weight:700;display:flex;align-items:center;gap:10px}.navbar-custom .navbar-brand img{max-height:40px}.navbar-custom .nav-link{color:#cbd5e1;font-weight:500;padding:0.5rem 1rem;transition:color 0.2s ease}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:#ffffff}.navbar-custom .btn-nav{background-color:var(--accent);color:white;border-radius:8px;padding:0.4rem 1.2rem;font-weight:500}.navbar-custom .btn-nav:hover{background-color:var(--accent-hover);color:white}.hero-section{background:radial-gradient(circle at 10% 20%,rgba(15,23,42,0.95) 0%,rgba(30,41,59,0.9) 90%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="none" width="100" height="100"/><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="2"/></svg>');color:#ffffff;padding:6rem 0 5rem;border-bottom:4px solid var(--accent)}.hero-content{max-width:620px}.hero-title{font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff 0%,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{font-size:1.125rem;color:#94a3b8;margin-bottom:2rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.stat-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1rem;text-align:center}.stat-num{font-size:1.75rem;font-weight:700;color:var(--accent)}.stat-label{font-size:0.85rem;color:#94a3b8}.hero-img-wrapper{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,0.3)}.hero-img-wrapper img{transition:transform 0.5s ease}.hero-img-wrapper:hover img{transform:scale(1.03)}.section-header{margin-bottom:3rem;position:relative}.section-header h2{font-weight:800;color:var(--surface-strong);font-size:2rem;margin-bottom:0.5rem}.section-header .sub-title{color:var(--text-muted);font-size:1rem}.section-header::after{content:'';position:absolute;bottom:-10px;left:0;width:50px;height:4px;background-color:var(--accent);border-radius:2px}.section-header.center::after{left:50%;transform:translateX(-50%)}.match-card{background-color:var(--surface);border-radius:12px;border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all 0.3s ease}.match-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.match-header{display:flex;justify-content:space-between;font-size:0.8rem;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:0.5rem;margin-bottom:1rem}.match-status{font-weight:600;color:var(--accent)}.team-row{display:flex;align-items:center;justify-content:space-between;margin:0.6rem 0}.team-info{display:flex;align-items:center;gap:10px;font-weight:600}.team-flag-placeholder{width:28px;height:20px;background-color:#cbd5e1;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:bold;color:#475569}.match-score{font-size:1.25rem;font-weight:700}.schedule-nav{display:flex;gap:10px;overflow-x:auto;padding-bottom:1rem;margin-bottom:2rem}.schedule-tab{flex:0 0 auto;background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0.6rem 1.2rem;text-align:center;cursor:pointer;transition:all 0.2s ease;text-decoration:none;color:var(--text-main)}.schedule-tab.active,.schedule-tab:hover{background-color:var(--accent);color:white;border-color:var(--accent)}.schedule-tab .date{font-weight:700;display:block}.schedule-tab .phase{font-size:0.75rem;opacity:0.8}.group-card{background-color:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.group-title{background-color:var(--surface-strong);color:white;padding:0.8rem 1.2rem;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.group-table{margin-bottom:0}.group-table th{font-size:0.8rem;color:var(--text-muted);background-color:#f1f5f9;border-bottom:1px solid var(--border)}.group-table td{font-size:0.9rem;vertical-align:middle;border-bottom:1px solid var(--border)}.team-showcase-card{background-color:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 0.2s}.team-showcase-card:hover{transform:translateY(-5px)}.team-img-holder{height:160px;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted)}.team-body{padding:1.2rem}.team-rank{font-size:0.8rem;color:var(--accent);font-weight:600}.team-name-title{font-size:1.15rem;font-weight:700;margin:0.3rem 0 0.8rem}.news-item{display:flex;gap:1.5rem;background-color:var(--surface);padding:1.2rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all 0.3s;margin-bottom:1.2rem}.news-item:hover{transform:translateX(5px);border-color:var(--accent)}.news-date{min-width:80px;text-align:center;background-color:#f1f5f9;border-radius:8px;padding:0.6rem;display:flex;flex-direction:column;justify-content:center}.news-date .day{font-size:1.5rem;font-weight:800;color:var(--accent);line-height:1}.news-date .month{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase}.news-body{flex-grow:1}.news-tag{font-size:0.75rem;background-color:#e0f2fe;color:var(--accent);padding:0.2rem 0.6rem;border-radius:12px;font-weight:600;display:inline-block;margin-bottom:0.5rem}.news-title-link{font-weight:700;font-size:1.05rem;color:var(--surface-strong);text-decoration:none;display:block;margin-bottom:0.4rem}.news-title-link:hover{color:var(--accent)}.news-desc{font-size:0.9rem;color:var(--text-muted);margin-bottom:0}.guide-card{background-color:var(--surface);border-radius:12px;border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-sm);height:100%}.guide-icon{font-size:2rem;color:var(--accent-secondary);margin-bottom:1rem}.faq-accordion .accordion-item{border:1px solid var(--border);border-radius:10px !important;margin-bottom:0.8rem;overflow:hidden;box-shadow:var(--shadow-sm)}.faq-accordion .accordion-button{font-weight:600;color:var(--surface-strong);background-color:var(--surface)}.faq-accordion .accordion-button:not(.collapsed){color:var(--accent);background-color:#f0f9ff;box-shadow:none}.faq-accordion .accordion-body{color:var(--text-muted);background-color:var(--surface)}.about-statement{background-color:#f1f5f9;border-left:5px solid var(--accent);border-radius:0 10px 10px 0;padding:1.5rem;margin-top:2rem}.site-footer{background-color:var(--surface-strong);color:#cbd5e1;padding:4rem 0 2rem;border-top:5px solid var(--accent-secondary)}.site-footer h5{color:#ffffff;font-weight:700;margin-bottom:1.5rem}.site-footer a{color:#94a3b8;text-decoration:none;transition:color 0.2s}.site-footer a:hover{color:#ffffff}.footer-bottom{border-top:1px solid #334155;padding-top:1.5rem;margin-top:3rem;font-size:0.85rem}.border-accent{border-color:var(--accent) !important}.bg-accent-light{background-color:#f0f9ff !important}@media (max-width:991px){.hero-title{font-size:2.25rem}.hero-section{padding:4rem 0 3rem}}@media (max-width:767px){.schedule-nav{margin-bottom:1.5rem}.news-item{flex-direction:column;gap:1rem}.news-date{align-self:flex-start;flex-direction:row;gap:10px;min-width:auto;padding:0.4rem 0.8rem}}