:root{--bg-primary:#0a0f1d;--bg-secondary:#111827;--bg-tertiary:#1f2937;--accent-green:#00ff87;--accent-blue:#0284c7;--accent-yellow:#f59e0b;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-color:rgba(255,255,255,0.08);--card-shadow:0 10px 30px -10px rgba(0,0,0,0.7)}body{background-color:var(--bg-primary);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.navbar-custom{background-color:rgba(10,15,29,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:all 0.3s ease}.navbar-brand-img{height:40px;margin-right:10px}.nav-link-custom{color:var(--text-main) !important;font-weight:500;padding:0.5rem 1rem !important;transition:color 0.3s}.nav-link-custom:hover,.nav-link-custom.active{color:var(--accent-green) !important}.hero-section{padding:120px 0 80px;background:linear-gradient(180deg,rgba(2,132,199,0.15) 0%,rgba(10,15,29,0) 100%);position:relative}.hero-badge{background:rgba(0,255,135,0.1);color:var(--accent-green);padding:6px 16px;border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(0,255,135,0.2);display:inline-block;margin-bottom:20px}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:768px){.hero-title{font-size:2rem}}.hero-img-container{border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.section-title-wrap{margin-bottom:40px}.section-tag{color:var(--accent-blue);font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:8px}.section-title{font-size:2rem;font-weight:700;color:#ffffff}.card-custom{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:transform 0.3s,border-color 0.3s;overflow:hidden;height:100%}.card-custom:hover{transform:translateY(-5px);border-color:rgba(2,132,199,0.4)}.match-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:20px;margin-bottom:15px;transition:all 0.3s ease}.match-card:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.match-status-badge{font-size:0.75rem;padding:4px 10px;border-radius:4px;font-weight:600}.status-upcoming{background:rgba(245,158,11,0.1);color:var(--accent-yellow);border:1px solid rgba(245,158,11,0.2)}.status-live{background:rgba(239,68,68,0.1);color:#ef4444;border:1px solid rgba(239,68,68,0.2);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.team-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.team-info{display:flex;align-items:center;gap:12px}.team-flag{width:32px;height:20px;background:var(--bg-tertiary);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:bold;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.team-name{font-weight:600;font-size:1rem}.team-score{font-size:1.25rem;font-weight:700;color:var(--accent-green)}.table-responsive-custom{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow-x:auto}.table-custom{margin-bottom:0;color:var(--text-main)}.table-custom th{background-color:rgba(255,255,255,0.02) !important;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600;padding:15px}.table-custom td{border-bottom:1px solid var(--border-color);padding:15px;vertical-align:middle;background-color:transparent !important}.news-thumb{height:200px;background-size:cover;background-position:center;position:relative}.news-badge{position:absolute;top:15px;left:15px;background:var(--accent-blue);color:white;padding:4px 10px;border-radius:4px;font-size:0.75rem;font-weight:600}.faq-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all 0.3s}.faq-question{padding:20px;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.faq-question:hover{background-color:rgba(255,255,255,0.02)}.faq-answer{padding:0 20px 20px;color:var(--text-muted);display:none;border-top:1px solid rgba(255,255,255,0.05);padding-top:15px}footer{background-color:#060a14;border-top:1px solid var(--border-color);padding:80px 0 30px;color:var(--text-muted)}.footer-heading{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:24px}.footer-link{color:var(--text-muted);text-decoration:none;transition:color 0.3s;display:block;margin-bottom:12px}.footer-link:hover{color:var(--accent-green)}