:root{--primary:#0a192f;--primary-light:#172a45;--accent-us:#002868;--accent-mx:#006847;--accent-ca:#da291c;--accent-gold:#f4b400;--accent-neon:#00f2fe;--text-main:#f8fafc;--text-dark:#0f172a;--text-muted:#64748b;--body-bg:#030712;--card-bg:#0f172a;--card-border:#1e293b;--font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{background-color:var(--body-bg);color:var(--text-main);font-family:var(--font-family);overflow-x:hidden;line-height:1.6}.section-padding{padding:80px 0}.section-title-wrap{margin-bottom:45px;position:relative}.section-title{font-size:2.25rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;background:linear-gradient(135deg,#ffffff 30%,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.section-subtitle{color:var(--text-muted);font-size:1rem;max-width:600px}.custom-navbar{background-color:rgba(10,25,47,0.95) !important;backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);transition:all 0.3s ease}.navbar-brand img{height:40px;width:auto;margin-right:10px}.navbar-brand span{font-weight:800;font-size:1.25rem;color:var(--text-main)}.nav-link{color:#cbd5e1 !important;font-weight:600;font-size:0.95rem;margin:0 8px;transition:color 0.2s ease}.nav-link:hover,.nav-link.active{color:var(--accent-neon) !important}.nav-btn-highlight{background:linear-gradient(90deg,var(--accent-mx) 0%,var(--accent-ca) 100%);border:none;color:white !important;border-radius:6px;padding:8px 16px !important}#hero-showcase{min-height:90vh;background:radial-gradient(circle at top right,rgba(23,42,69,0.6),transparent),radial-gradient(circle at bottom left,rgba(10,25,47,0.8),var(--body-bg));padding:120px 0 80px 0;display:flex;align-items:center}.hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:6px 16px;border-radius:30px;font-size:0.85rem;font-weight:600;color:var(--accent-neon);margin-bottom:25px}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.15;margin-bottom:25px}.hero-title span{background:linear-gradient(90deg,#ff007f,#7928ca,#ff007f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}@keyframes textShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hero-lead{font-size:1.15rem;color:#94a3b8;margin-bottom:35px;max-width:620px}.hero-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.hero-stat-card{background:rgba(255,255,255,0.03);border:1px solid var(--card-border);padding:15px;border-radius:8px;text-align:center}.hero-stat-num{font-size:1.75rem;font-weight:800;color:var(--accent-neon)}.hero-stat-label{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase}.hero-image-container{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1)}.hero-image-container img{width:100%;height:auto;display:block}#match-ticker{background:var(--primary-light);padding:15px 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.ticker-wrapper{display:flex;align-items:center;gap:20px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.ticker-wrapper::-webkit-scrollbar{display:none}.ticker-title{font-weight:700;font-size:0.8rem;color:var(--accent-neon);text-transform:uppercase;letter-spacing:1px;border-right:2px solid var(--card-border);padding-right:15px;display:flex;align-items:center;gap:6px}.ticker-item{background:rgba(255,255,255,0.03);border:1px solid var(--card-border);border-radius:6px;padding:8px 15px;font-size:0.85rem;display:inline-flex;align-items:center;gap:10px}.ticker-badge{background:rgba(239,68,68,0.2);color:#ef4444;padding:2px 6px;border-radius:4px;font-size:0.7rem;font-weight:700}.ticker-badge.upcoming{background:rgba(59,130,246,0.2);color:#3b82f6}.match-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;transition:all 0.3s ease;height:100%}.match-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.2);box-shadow:0 10px 25px -5px rgba(0,0,0,0.3)}.match-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;color:var(--text-muted);margin-bottom:20px}.match-teams{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.match-team-row{display:flex;align-items:center;justify-content:space-between}.team-flag-name{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.05rem}.team-flag-icon{width:28px;height:20px;object-fit:cover;border-radius:3px}.match-score{font-size:1.25rem;font-weight:800;color:var(--accent-neon)}.match-footer{border-top:1px solid var(--card-border);padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:0.85rem}.group-table-wrap{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;margin-bottom:30px}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid var(--card-border);padding-bottom:10px}.group-name{font-size:1.2rem;font-weight:800;color:var(--text-main)}.table-custom{margin-bottom:0;color:var(--text-main)}.table-custom th{color:var(--text-muted);font-weight:600;font-size:0.75rem;text-transform:uppercase;border-bottom-width:1px;border-color:var(--card-border);background:transparent !important}.table-custom td{font-size:0.9rem;padding:10px 8px;vertical-align:middle;border-color:var(--card-border);background:transparent !important}.team-grid-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--primary-light) 100%);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.team-grid-card:hover{transform:scale(1.03);border-color:rgba(255,255,255,0.15)}.team-card-banner{height:100px;background-size:cover;background-position:center;position:relative}.team-card-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent,var(--card-bg))}.team-card-info{padding:20px;text-align:center;margin-top:-40px;position:relative;z-index:2}.team-card-avatar{width:70px;height:70px;border-radius:50%;border:4px solid var(--card-bg);margin:0 auto 12px auto;background:#fff;object-fit:contain}.team-card-title{font-size:1.15rem;font-weight:800;margin-bottom:4px}.news-card-horizontal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;display:flex;height:100%;transition:all 0.3s ease}.news-card-horizontal:hover{border-color:var(--accent-ca)}.news-thumb{width:40%;min-width:150px;background-size:cover;background-position:center}.news-body{width:60%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.news-tag{align-self:flex-start;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--accent-neon);margin-bottom:10px}.news-title{font-size:1.05rem;font-weight:700;line-height:1.4;margin-bottom:10px;color:var(--text-main)}.news-desc{font-size:0.85rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stadium-wrap{background:rgba(255,255,255,0.02);border:1px solid var(--card-border);border-radius:14px;padding:30px;margin-top:30px}.guide-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:30px;transition:all 0.3s ease;height:100%}.guide-card:hover{border-color:var(--accent-mx)}.guide-icon-box{width:50px;height:50px;border-radius:10px;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--accent-neon);font-size:1.5rem}.trivia-timeline{position:relative;padding-left:20px;border-left:2px solid var(--card-border)}.trivia-node{position:relative;padding-bottom:30px}.trivia-node::before{content:'';position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--accent-ca);border:2px solid var(--body-bg)}.trivia-node-title{font-weight:700;font-size:1.1rem;color:var(--text-main);margin-bottom:5px}.accordion-custom .accordion-item{background:var(--card-bg);border:1px solid var(--card-border);margin-bottom:12px;border-radius:8px !important;overflow:hidden}.accordion-custom .accordion-button{background:var(--card-bg);color:var(--text-main);font-weight:700;padding:20px;font-size:1.05rem;border:none;box-shadow:none}.accordion-custom .accordion-button:not(.collapsed){color:var(--accent-neon);background:var(--primary-light)}.accordion-custom .accordion-button::after{filter:invert(1)}.accordion-custom .accordion-body{background:rgba(255,255,255,0.01);color:#94a3b8;padding:20px;font-size:0.95rem;border-top:1px solid var(--card-border)}footer{background:#020617;border-top:1px solid var(--card-border);padding:80px 0 30px 0;font-size:0.9rem;color:var(--text-muted)}.footer-logo-title{font-size:1.35rem;font-weight:800;color:var(--text-main);margin-bottom:15px}.footer-heading{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:20px;text-transform:uppercase;letter-spacing:0.5px}.footer-links{list-style:none;padding-left:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color 0.2s ease}.footer-links a:hover{color:var(--accent-neon)}.footer-disclaimer{font-size:0.75rem;border-top:1px solid var(--card-border);padding-top:25px;margin-top:50px}@media (max-width:991.98px){.hero-title{font-size:2.5rem}.section-title{font-size:1.85rem}.news-card-horizontal{flex-direction:column}.news-thumb{width:100%;height:200px}.news-body{width:100%}}