:root{--page-bg:#f4f6f9;--surface:#ffffff;--surface-strong:#0a0f1d;--text-main:#1e293b;--text-muted:#64748b;--accent:#0f52ba;--accent-2:#10b981;--accent-3:#ef4444;--border:#e2e8f0;--card-shadow:0 4px 20px rgba(0,0,0,0.05);--header-height:70px}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}a{color:var(--accent);text-decoration:none;transition:color 0.2s ease-in-out}a:hover{color:#0d47a1}.navbar-custom{height:var(--header-height);background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1050}.navbar-brand img{height:40px;width:auto}.nav-link-custom{color:var(--text-main) !important;font-weight:500;padding:0.5rem 1rem !important;transition:color 0.2s}.nav-link-custom:hover{color:var(--accent) !important}.hero-banner{background:linear-gradient(135deg,#09132e 0%,#0d255c 100%);color:#ffffff;padding:100px 0 80px;border-bottom-left-radius:40px;border-bottom-right-radius:40px;margin-bottom:40px}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-subtitle{font-size:1.2rem;color:#94a3b8;margin-bottom:30px}.hero-image-wrap img{border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.3);max-width:100%;height:auto}.section-padding{padding:60px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:2rem;font-weight:700;color:var(--surface-strong);position:relative;padding-bottom:15px}.section-header h2::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background:var(--accent);border-radius:2px}.card-custom{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--card-shadow);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;overflow:hidden}.card-custom:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.08)}.match-card{border-left:5px solid var(--accent);padding:20px;background:var(--surface);border-radius:12px;margin-bottom:15px;box-shadow:var(--card-shadow)}.match-badge{font-size:0.8rem;padding:4px 10px;border-radius:30px;font-weight:600}.badge-upcoming{background-color:#f1f5f9;color:var(--text-muted)}.badge-live{background-color:#fee2e2;color:var(--accent-3);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.group-table th{background-color:#f8fafc;color:var(--text-muted);font-weight:600}.group-table td{vertical-align:middle}.stadium-card{position:relative;border-radius:14px;overflow:hidden;height:320px;box-shadow:var(--card-shadow)}.stadium-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.stadium-card:hover img{transform:scale(1.08)}.stadium-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);padding:20px;color:#ffffff}.horizontal-scroll-container{display:flex;overflow-x:auto;gap:15px;padding-bottom:15px;scrollbar-width:thin}.horizontal-scroll-container::-webkit-scrollbar{height:6px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.accordion-button:not(.collapsed){background-color:#f0f5ff;color:var(--accent)}.footer-wrap{background-color:var(--surface-strong);color:#94a3b8;padding:80px 0 40px}.footer-wrap h5{color:#ffffff;font-weight:600;margin-bottom:25px}.footer-links li{margin-bottom:12px}.footer-links a{color:#94a3b8}.footer-links a:hover{color:#ffffff}