:root{--primary-red:#E11B22;--primary-green:#006847;--primary-blue:#0A3161;--accent-gold:#D4AF37;--page-bg:#F8F9FA;--surface:#FFFFFF;--surface-strong:#0A192F;--text-main:#212529;--text-muted:#6C757D;--border:#DEE2E6}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--page-bg);color:var(--text-main);overflow-x:hidden}.navbar-custom{background-color:var(--surface-strong);border-bottom:3px solid var(--accent-gold);padding:15px 0}.navbar-custom .navbar-brand{color:#FFFFFF !important;font-weight:800;font-size:1.4rem}.navbar-custom .nav-link{color:rgba(255,255,255,0.85) !important;font-weight:600;margin-right:15px;transition:color 0.3s ease}.navbar-custom .nav-link:hover{color:var(--accent-gold) !important}.hero-section{background:linear-gradient(135deg,#0A3161 0%,#006847 50%,#E11B22 100%);color:#FFFFFF;padding:80px 0;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:1}.hero-container{position:relative;z-index:2}.hero-badge{background-color:var(--accent-gold);color:#000;font-weight:700;padding:6px 16px;border-radius:50px;display:inline-block;margin-bottom:15px;text-transform:uppercase}.section-padding{padding:70px 0}.section-title{font-weight:800;position:relative;margin-bottom:40px;color:var(--primary-blue)}.section-title::after{content:'';width:60px;height:4px;background-color:var(--primary-red);display:block;margin-top:10px}.live-score-strip{background-color:#112240;color:#FFFFFF;border-radius:10px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,0.1);margin-top:-40px;position:relative;z-index:10}.score-card{border-right:1px solid rgba(255,255,255,0.1);padding:10px 15px}.score-card:last-child{border-right:none}.schedule-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}.schedule-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.08)}.team-flag{width:32px;height:22px;object-fit:cover;border-radius:2px;display:inline-block;margin-right:8px;border:1px solid #ddd}.group-box{background-color:var(--surface);border-top:4px solid var(--primary-blue);border-radius:8px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,0.05);height:100%}.group-header{font-weight:700;font-size:1.25rem;color:var(--primary-blue);border-bottom:2px solid var(--border);padding-bottom:10px;margin-bottom:15px}.team-badge-card{background-color:var(--surface);border-radius:12px;text-align:center;padding:25px;border:1px solid var(--border);transition:all 0.3s ease}.team-badge-card:hover{border-color:var(--primary-red);box-shadow:0 8px 16px rgba(225,27,34,0.1)}.team-logo-placeholder{width:70px;height:70px;border-radius:50%;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:1.8rem;color:var(--primary-blue)}.news-img-box{position:relative;border-radius:12px;overflow:hidden;margin-bottom:15px}.news-img-box img{transition:transform 0.5s ease}.news-img-box:hover img{transform:scale(1.05)}.accordion-custom .accordion-item{border:1px solid var(--border);border-radius:8px !important;margin-bottom:10px;overflow:hidden}.accordion-custom .accordion-button{font-weight:600;color:var(--primary-blue);background-color:var(--surface)}.accordion-custom .accordion-button:not(.collapsed){background-color:rgba(10,49,97,0.05);color:var(--primary-blue);box-shadow:none}.about-box{background:linear-gradient(to right,rgba(10,49,97,0.03),rgba(0,104,71,0.03));border-left:5px solid var(--primary-green);padding:30px;border-radius:0 12px 12px 0}footer{background-color:var(--surface-strong);color:rgba(255,255,255,0.8);padding:60px 0 30px;border-top:5px solid var(--primary-red)}footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s}footer a:hover{color:var(--accent-gold)}.table-responsive-custom{overflow-x:auto;-webkit-overflow-scrolling:touch}