:root{--page-bg:#0b0f19;--surface:#151d30;--surface-strong:#1e2942;--text-main:#ffffff;--text-muted:#8e9cb2;--accent-red:#ff3838;--accent-green:#00e676;--accent-blue:#00b0ff;--accent-gold:#ffd700;--border:#24324f;--font-sans:'Helvetica Neue',Helvetica,Arial,sans-serif}body{background-color:var(--page-bg);color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden;line-height:1.6}::-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(--surface-strong)}.navbar-custom{background-color:rgba(11,15,25,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:15px 0;transition:all 0.3s ease}.navbar-brand-custom{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--text-main) !important;text-decoration:none}.navbar-brand-custom img{height:40px;width:auto;object-fit:contain}.nav-link-custom{color:var(--text-muted) !important;font-weight:500;font-size:0.95rem;padding:8px 16px !important;transition:color 0.3s,background-color 0.3s;border-radius:6px}.nav-link-custom:hover,.nav-link-custom.active{color:var(--text-main) !important;background-color:var(--surface)}.hero-section{padding:120px 0 80px 0;background:radial-gradient(circle at 80% 20%,rgba(0,176,255,0.15) 0%,rgba(255,56,56,0.1) 50%,rgba(11,15,25,1) 100%);position:relative}.hero-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center}.hero-content h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,#ffffff 30%,#a2b4f3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.15rem;color:var(--text-muted);margin-bottom:30px}.hero-stats{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.stat-badge{background:var(--surface);border:1px solid var(--border);padding:12px 20px;border-radius:8px;flex:1;min-width:140px;text-align:center}.stat-badge .num{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.stat-badge .label{font-size:0.85rem;color:var(--text-muted)}.hero-image-container img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.5);border:1px solid var(--border)}.side-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:12px;background:rgba(21,29,48,0.8);padding:15px 10px;border-radius:30px;backdrop-filter:blur(5px);border:1px solid var(--border)}.side-nav-item{width:12px;height:12px;border-radius:50%;background:var(--border);transition:all 0.3s ease;cursor:pointer;position:relative}.side-nav-item:hover,.side-nav-item.active{background:var(--accent-blue);transform:scale(1.3)}.side-nav-item::after{content:attr(data-title);position:absolute;right:25px;top:50%;transform:translateY(-50%);background:var(--surface-strong);color:var(--text-main);padding:4px 10px;border-radius:4px;font-size:0.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s}.side-nav-item:hover::after{opacity:1}.section-header{text-align:center;margin-bottom:50px;position:relative}.section-header h2{font-size:2.2rem;font-weight:700;display:inline-block;background:linear-gradient(90deg,var(--accent-red),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.section-header p{font-size:1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.card-custom{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;height:100%;transition:transform 0.3s,box-shadow 0.3s}.card-custom:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.3);border-color:var(--surface-strong)}.marquee-container{background-color:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;animation:marquee 25s linear infinite}.marquee-item{display:inline-flex;align-items:center;gap:8px;margin-right:50px;font-size:0.9rem;color:var(--text-muted)}.marquee-item strong{color:var(--accent-green)}@keyframes marquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}.match-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-strong) 100%);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:15px}.match-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;color:var(--text-muted);margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:10px}.match-teams{display:flex;align-items:center;justify-content:space-between}.team-side{display:flex;align-items:center;gap:12px;width:40%}.team-side.right{justify-content:flex-end;text-align:right}.team-flag{width:36px;height:24px;background:#253475;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:bold;color:var(--text-main)}.team-name{font-weight:600;font-size:1rem}.match-score-center{text-align:center;width:20%}.score-display{font-size:1.5rem;font-weight:800;letter-spacing:2px;color:var(--text-main)}.score-status{font-size:0.75rem;padding:2px 8px;border-radius:12px;background:rgba(255,56,56,0.15);color:var(--accent-red);display:inline-block;margin-top:5px}.score-status.upcoming{background:rgba(0,176,255,0.15);color:var(--accent-blue)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:15px}.group-title{font-size:1.1rem;font-weight:700;color:var(--accent-gold);border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:12px;display:flex;justify-content:space-between}.group-table{width:100%;font-size:0.85rem}.group-table th{color:var(--text-muted);font-weight:normal;padding-bottom:6px}.group-table td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.02)}.team-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.team-thumb-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:15px;text-align:center;transition:all 0.3s}.team-thumb-card:hover{border-color:var(--accent-blue);transform:scale(1.03)}.team-thumb-flag{font-size:1.5rem;margin-bottom:10px}.team-thumb-name{font-size:0.95rem;font-weight:600;margin-bottom:5px}.team-thumb-meta{font-size:0.75rem;color:var(--text-muted)}.news-item{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--border)}.news-item:last-child{border-bottom:none}.news-date{background:var(--surface-strong);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;height:70px}.news-date .day{font-size:1.4rem;font-weight:700;color:var(--text-main);line-height:1}.news-date .month{font-size:0.75rem;color:var(--text-muted)}.news-info h3{font-size:1.05rem;font-weight:600;margin-bottom:6px;color:var(--text-main)}.news-info p{font-size:0.85rem;color:var(--text-muted);margin:0}.stadium-card{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);height:380px}.stadium-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}.stadium-card:hover .stadium-img{transform:scale(1.05)}.stadium-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(11,15,25,0.95));padding:30px 20px 20px 20px}.stadium-city{font-size:0.8rem;text-transform:uppercase;color:var(--accent-gold);font-weight:700;letter-spacing:1px}.stadium-name{font-size:1.3rem;font-weight:700;margin:5px 0}.stadium-desc{font-size:0.85rem;color:var(--text-muted);margin:0}.accordion-item-custom{background-color:var(--surface);border:1px solid var(--border) !important;border-radius:8px !important;margin-bottom:12px;overflow:hidden}.accordion-button-custom{background-color:var(--surface) !important;color:var(--text-main) !important;font-weight:600;font-size:1rem;border:none !important;box-shadow:none !important;padding:20px}.accordion-button-custom:not(.collapsed){background-color:var(--surface-strong) !important;color:var(--accent-blue) !important}.accordion-body-custom{background-color:var(--surface);color:var(--text-muted);font-size:0.95rem;padding:20px;border-top:1px solid var(--border)}.footer-section{background-color:#070a12;border-top:1px solid var(--border);padding:80px 0 30px 0;font-size:0.9rem;color:var(--text-muted)}.footer-brand{font-size:1.4rem;font-weight:700;color:var(--text-main);margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:var(--text-main)}.footer-bottom{margin-top:60px;border-top:1px solid var(--border);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}@media (max-width:991px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.2rem}.hero-stats{justify-content:center}.side-nav{display:none}.navbar-collapse{background-color:var(--surface);padding:15px;border-radius:8px;margin-top:10px;border:1px solid var(--border)}}@media (max-width:576px){.match-teams{flex-direction:column;gap:10px}.team-side{width:100%;justify-content:center !important}.match-score-center{width:100%}.hero-content h1{font-size:1.8rem}}