:root{--primary-color:#0d5257;--secondary-color:#c8102e;--accent-color:#0066cc;--bg-dark:#0a1118;--bg-light:#f4f6f9;--bg-card:#ffffff;--text-dark:#1e293b;--text-muted:#64748b;--text-light:#f8fafc;--border-color:#e2e8f0;--font-accent:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{font-family:var(--font-accent);background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.custom-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.08)}.navbar{background-color:rgba(10,17,24,0.95) !important;backdrop-filter:blur(10px);border-bottom:2px solid var(--primary-color)}.navbar-brand img{max-height:40px}.nav-link{color:var(--text-light) !important;font-weight:500;transition:color 0.3s}.nav-link:hover,.nav-link.active{color:var(--secondary-color) !important}.hero-section{background:linear-gradient(135deg,#0a1118 0%,#152535 100%);color:var(--text-light);padding:100px 0 80px;position:relative}.hero-tag{background-color:var(--secondary-color);color:white;padding:4px 12px;border-radius:20px;font-size:0.85rem;display:inline-block;margin-bottom:15px}.section-title{position:relative;padding-bottom:12px;margin-bottom:30px;font-weight:700}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:4px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:2px}.section-title-center{text-align:center}.section-title-center::after{left:50%;transform:translateX(-50%)}.group-table{background-color:var(--bg-card);border-collapse:separate;border-spacing:0;width:100%;border-radius:8px;overflow:hidden}.group-table th{background-color:var(--primary-color);color:white;font-weight:600;padding:12px}.group-table td{padding:10px 12px;border-bottom:1px solid var(--border-color)}.live-score-bar{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-top:-40px;position:relative;z-index:10;padding:15px;border-left:5px solid var(--secondary-color)}.score-item{border-right:1px solid var(--border-color);padding:0 15px}.score-item:last-child{border-right:none}.accordion-button:not(.collapsed){background-color:rgba(13,82,87,0.1);color:var(--primary-color)}footer{background-color:var(--bg-dark);color:var(--text-light);font-size:0.9rem}footer a{color:#94a3b8;text-decoration:none;transition:color 0.3s}footer a:hover{color:#fff}.scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-wrapper::-webkit-scrollbar{height:5px}.scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}