:root{--page-bg:#090e1a;--surface:#121b2d;--surface-strong:#19253d;--text-main:#f1f5f9;--text-muted:#94a3b8;--accent:#f59e0b;--accent-2:#10b981;--border:#223250;--accent-gradient:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--hero-gradient:linear-gradient(180deg,rgba(9,14,26,0.4) 0%,rgba(9,14,26,0.95) 100%)}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}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-main);letter-spacing:0.02em}a{color:var(--accent);text-decoration:none;transition:all 0.3s ease}a:hover{color:#fbbf24}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--page-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.navbar-custom{background-color:rgba(9,14,26,0.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1050}.navbar-brand img{max-height:40px}.nav-link{color:var(--text-muted) !important;font-weight:500;font-size:0.95rem;padding:0.5rem 1rem !important;border-radius:6px}.nav-link:hover,.nav-link.active{color:var(--accent) !important;background-color:rgba(245,158,11,0.08)}section{padding:5rem 0;border-bottom:1px solid var(--border)}.section-tag{display:inline-block;background-color:rgba(245,158,11,0.15);color:var(--accent);font-weight:600;font-size:0.8rem;padding:0.35rem 0.85rem;border-radius:50px;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}.section-title{font-size:2.25rem;margin-bottom:2.5rem;position:relative}.section-title span{color:var(--accent)}.hero-section{padding-top:8rem;padding-bottom:6rem;position:relative;background-size:cover;background-position:center}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--hero-gradient);z-index:1}.hero-container{position:relative;z-index:2}.hero-title{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff 30%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);margin-bottom:2.5rem}.hero-img{border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,0.6);border:1px solid var(--border)}.quick-stats-badge{background-color:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-align:center}.quick-stats-val{font-size:1.75rem;color:var(--accent);font-weight:800}.quick-stats-lbl{font-size:0.85rem;color:var(--text-muted)}.custom-card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;height:100%;transition:transform 0.3s ease,box-shadow 0.3s ease}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.3);border-color:rgba(245,158,11,0.4)}.swiper-matches{padding-bottom:3rem}.match-slide{background:linear-gradient(145deg,var(--surface) 0%,var(--surface-strong) 100%);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.match-status-badge{background-color:rgba(16,185,129,0.15);color:var(--accent-2);font-size:0.75rem;padding:0.25rem 0.6rem;border-radius:4px;font-weight:600}.match-status-upcoming{background-color:rgba(245,158,11,0.15);color:var(--accent)}.match-team-row{display:flex;align-items:center;justify-content:space-between;margin:0.75rem 0}.match-team-name{font-weight:600;font-size:1rem}.match-team-score{font-weight:800;font-size:1.25rem;color:var(--accent)}.group-table{width:100%;margin-bottom:0;color:var(--text-main)}.group-table th{border-bottom:2px solid var(--border);color:var(--text-muted);font-weight:600;padding:0.75rem}.group-table td{border-bottom:1px solid var(--border);padding:0.75rem;vertical-align:middle}.ranking-item{display:flex;align-items:center;padding:0.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:0.5rem}.ranking-num{font-size:1.25rem;font-weight:800;width:35px;color:var(--accent)}.info-icon-box{width:50px;height:50px;border-radius:10px;background-color:rgba(245,158,11,0.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.accordion-item-custom{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;overflow:hidden}.accordion-trigger{width:100%;background:none;border:none;color:var(--text-main);text-align:left;padding:1.25rem;font-weight:600;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;outline:none}.accordion-trigger:hover{color:var(--accent)}.accordion-panel{padding:0 1.25rem 1.25rem;color:var(--text-muted);display:none}.accordion-panel.active{display:block}.footer-custom{background-color:#060911;padding:4rem 0 2rem;border-top:1px solid var(--border)}.footer-link{color:var(--text-muted);display:block;margin-bottom:0.75rem}.footer-link:hover{color:var(--accent);padding-left:5px}@media (max-width:991.98px){.hero-title{font-size:2.25rem}.section-title{font-size:1.75rem}section{padding:3.5rem 0}}