:root{--primary:#0c1a30;--secondary:#0052cc;--accent:#ff4d4f;--bg-main:#f4f7fc;--bg-card:#ffffff;--text-main:#1f2937;--text-muted:#4b5563;--border-color:#e5e7eb;--radius-main:12px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;line-height:1.6}p,li,td,small{color:var(--text-muted)}.navbar{background-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.navbar-brand,.nav-link{color:#ffffff !important}.nav-link:hover{color:var(--accent) !important}.hero-section{background:linear-gradient(135deg,#0c1a30 0%,#002244 100%);color:#ffffff;padding:80px 0;position:relative}.hero-section p{color:rgba(255,255,255,0.85)}.section-title{position:relative;padding-bottom:12px;margin-bottom:30px;font-weight:700;color:var(--primary)}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:4px;background-color:var(--secondary);border-radius:2px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-main);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.08)}.btn-primary{background-color:var(--secondary);border-color:var(--secondary);border-radius:8px;font-weight:600}.btn-primary:hover{background-color:#0040a3;border-color:#0040a3}.status-badge{font-size:0.8rem;padding:4px 8px;border-radius:4px;font-weight:600}.status-live{background-color:rgba(255,77,79,0.1);color:var(--accent)}.status-upcoming{background-color:rgba(0,82,204,0.1);color:var(--secondary)}.status-ended{background-color:#e5e7eb;color:#6b7280}.group-table th{background-color:var(--primary);color:#ffffff}.news-card-img{height:200px;object-fit:cover}.faq-item{border-bottom:1px solid var(--border-color);padding:15px 0}.faq-question{font-weight:600;cursor:pointer;color:var(--primary)}.faq-answer{margin-top:8px;display:none}.faq-item.active .faq-answer{display:block}.footer{background-color:var(--primary);color:#ffffff;padding:60px 0 30px}.footer p,.footer a{color:rgba(255,255,255,0.7);text-decoration:none}.footer a:hover{color:#ffffff}@media (max-width:768px){.hero-section{padding:50px 0;text-align:center}.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}