:root{--primary-blue:#0A369D;--primary-red:#E11D48;--accent-green:#10B981;--page-bg:#F8FAFC;--surface:#FFFFFF;--surface-dark:#0F172A;--text-main:#1E293B;--text-muted:#64748B;--text-light:#F8FAFC;--border-color:#E2E8F0;--card-radius:12px;--transition:all 0.3s ease}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}.navbar-custom{background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.03)}.navbar-brand img{max-height:40px}.nav-link-custom{color:var(--text-main);font-weight:600;padding:0.5rem 1rem !important;transition:var(--transition)}.nav-link-custom:hover,.nav-link-custom.active{color:var(--primary-blue)}section{padding:80px 0}.section-title-wrap{margin-bottom:45px;border-left:5px solid var(--primary-red);padding-left:15px}.section-title{font-weight:800;color:var(--surface-dark);font-size:2rem;margin-bottom:5px}.section-subtitle{color:var(--text-muted);font-size:1rem}.hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);color:var(--text-light);padding:100px 0 80px 0;position:relative;overflow:hidden}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-desc{font-size:1.1rem;color:#CBD5E1;margin-bottom:30px}.hero-img-wrap{position:relative;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3)}.hero-img-wrap img{width:100%;height:auto;object-fit:cover}.stat-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.15);border-radius:var(--card-radius);padding:20px;color:var(--text-light);text-align:center}.stat-num{font-size:2rem;font-weight:800;color:var(--primary-red)}.card-custom{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:0 4px 6px rgba(0,0,0,0.02);transition:var(--transition);overflow:hidden;height:100%}.card-custom:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,0.06)}.score-board-wrapper{background-color:var(--surface);border-radius:var(--card-radius);padding:24px;border:1px solid var(--border-color)}.score-match-card{border-bottom:1px solid var(--border-color);padding:15px 0}.score-match-card:last-child{border-bottom:none}.match-status{font-size:0.8rem;font-weight:700;padding:3px 8px;border-radius:20px;display:inline-block}.status-live{background-color:rgba(225,29,72,0.1);color:var(--primary-red)}.status-upcoming{background-color:rgba(10,54,157,0.1);color:var(--primary-blue)}.status-ended{background-color:#E2E8F0;color:var(--text-muted)}.group-table{width:100%;margin-bottom:0}.group-table th{background-color:var(--primary-blue);color:var(--text-light);font-weight:600;border:none}.group-table td{vertical-align:middle;font-weight:500}.group-badge{background-color:var(--surface-dark);color:var(--text-light);padding:2px 8px;border-radius:4px;font-size:0.8rem;font-weight:bold}.calendar-item{border-left:3px solid var(--primary-blue);padding-left:15px;margin-bottom:20px;position:relative}.calendar-item::before{content:'';position:absolute;left:-8px;top:4px;width:13px;height:13px;border-radius:50%;background-color:var(--primary-red);border:2px solid var(--surface)}.img-overlay-card{position:relative;border-radius:var(--card-radius);overflow:hidden;height:250px}.img-overlay-card img{width:100%;height:100%;object-fit:cover}.img-overlay-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));padding:20px;color:var(--text-light)}.accordion-item-custom{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--card-radius) !important;margin-bottom:12px;overflow:hidden}.accordion-button-custom{background-color:var(--surface);color:var(--text-main);font-weight:600;padding:18px;border:none;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.accordion-button-custom:not(.collapsed){background-color:rgba(10,54,157,0.03);color:var(--primary-blue)}.accordion-collapse-custom{padding:0 18px 18px 18px;color:var(--text-muted);font-size:0.95rem}.footer-dark{background-color:var(--surface-dark);color:#94A3B8;padding:60px 0 30px 0;font-size:0.9rem}.footer-dark h5{color:var(--text-light);font-weight:700;margin-bottom:20px}.footer-links a{color:#94A3B8;text-decoration:none;transition:var(--transition);display:block;margin-bottom:10px}.footer-links a:hover{color:var(--text-light);padding-left:5px}.scroll-x-mobile{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}@media (max-width:768px){.hero-title{font-size:2rem}section{padding:50px 0}}