:root{--bg-primary:#040d1a;--bg-secondary:#0a192f;--bg-card:#112240;--text-primary:#f8fafc;--text-secondary:#94a3b8;--color-accent:#00f2fe;--color-accent-rgb:0,242,254;--color-lime:#39ff14;--color-gold:#f59e0b;--border-color:#1e293b;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;overflow-x:hidden}.custom-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;height:100%;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.custom-card:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 10px 20px rgba(0,242,254,0.1)}.navbar-custom{background-color:rgba(4,13,26,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:0.8rem 1rem}.navbar-brand img{max-height:40px;object-fit:contain}.nav-link{color:var(--text-secondary) !important;font-weight:500;padding:0.5rem 1rem !important;transition:color 0.3s ease}.nav-link:hover,.nav-link.active{color:var(--color-accent) !important}.hero-section{position:relative;padding:8rem 0 5rem;background:linear-gradient(135deg,#040d1a 0%,#0a192f 100%);overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(0,242,254,0.1) 0%,transparent 50%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,242,254,0.1);border:1px solid rgba(0,242,254,0.3);color:var(--color-accent);padding:0.4rem 1rem;border-radius:50px;font-size:0.875rem;margin-bottom:1.5rem}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(to right,#fff 40%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-img{border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1);object-fit:cover}.section-header{margin-bottom:3rem;position:relative}.section-header h2{font-size:2.25rem;font-weight:700;display:inline-block;position:relative;padding-bottom:0.75rem}.section-header h2::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:4px;background:var(--color-accent);border-radius:2px}.section-header p{color:var(--text-secondary);margin-top:0.5rem;font-size:1.1rem}.score-card{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(17,34,64,0.6) 100%);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.score-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:50px;text-transform:uppercase}.status-upcoming{background:rgba(245,158,11,0.1);color:var(--color-gold);border:1px solid rgba(245,158,11,0.3)}.status-live{background:rgba(57,255,20,0.1);color:var(--color-lime);border:1px solid rgba(57,255,20,0.3);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.group-table{width:100%;border-collapse:separate;border-spacing:0 8px}.group-table th{color:var(--text-secondary);font-weight:600;padding:0.75rem;border-bottom:1px solid var(--border-color)}.group-table td{background:rgba(17,34,64,0.5);padding:0.75rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.group-table tr td:first-child{border-left:1px solid var(--border-color);border-top-left-radius:8px;border-bottom-left-radius:8px;font-weight:700}.group-table tr td:last-child{border-right:1px solid var(--border-color);border-top-right-radius:8px;border-bottom-right-radius:8px}.table-responsive-custom{overflow-x:auto;-webkit-overflow-scrolling:touch}.guide-image-box{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.guide-image-box img{width:100%;height:auto;transition:transform 0.5s ease}.guide-image-box:hover img{transform:scale(1.05)}.btn-custom{background:var(--color-accent);color:var(--bg-primary);font-weight:600;border:none;padding:0.75rem 1.75rem;border-radius:8px;transition:all 0.3s ease}.btn-custom:hover{background:#fff;color:var(--bg-primary);box-shadow:0 0 15px rgba(0,242,254,0.4)}.btn-outline-custom{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);font-weight:600;padding:0.75rem 1.75rem;border-radius:8px;transition:all 0.3s ease}.btn-outline-custom:hover{border-color:var(--color-accent);color:var(--color-accent)}.accordion-item{background-color:var(--bg-card) !important;border:1px solid var(--border-color) !important;margin-bottom:0.75rem;border-radius:8px !important;overflow:hidden}.accordion-button{background-color:var(--bg-card) !important;color:var(--text-primary) !important;box-shadow:none !important;font-weight:600}.accordion-button:not(.collapsed){color:var(--color-accent) !important;border-bottom:1px solid var(--border-color)}.accordion-body{color:var(--text-secondary);background-color:rgba(10,25,47,0.4)}.footer-custom{background-color:#020813;border-top:1px solid var(--border-color);padding:5rem 0 2rem;color:var(--text-secondary)}.footer-logo img{max-height:50px;margin-bottom:1.5rem}.footer-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;position:relative}.footer-links list-unstyled li{margin-bottom:0.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease}.footer-links a:hover{color:var(--color-accent)}@media (max-width:991.98px){.hero-title{font-size:2.25rem}.section-header h2{font-size:1.75rem}}