:root{--primary-dark:#0f172a;--primary-blue:#1e3a8a;--accent-green:#10b981;--accent-red:#ef4444;--accent-gold:#f59e0b;--bg-light:#f8fafc;--bg-card:#ffffff;--text-dark:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--card-radius:12px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-light);color:var(--text-dark);overflow-x:hidden;line-height:1.6}.section-padding{padding:80px 0}.bg-gradient-dark{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%)}.text-gradient{background:linear-gradient(90deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar{backdrop-filter:blur(10px);background-color:rgba(15,23,42,0.95) !important;border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.3s}.navbar-brand img{max-height:40px}.nav-link{color:rgba(255,255,255,0.8) !important;font-weight:500;transition:color 0.3s}.nav-link:hover,.nav-link.active{color:var(--accent-green) !important}.hero-section{padding:140px 0 100px;color:#ffffff;position:relative;overflow:hidden}.hero-badge{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);padding:6px 16px;border-radius:30px;font-size:0.9rem;display:inline-block;margin-bottom:20px}.hero-img{border-radius:var(--card-radius);box-shadow:0 20px 40px rgba(0,0,0,0.3);border:4px solid rgba(255,255,255,0.1)}.section-title h2{font-size:2.25rem;font-weight:800;margin-bottom:15px;color:var(--primary-dark)}.section-title p{color:var(--text-muted);max-width:600px;margin:0 auto 40px}.custom-card{background:var(--bg-card);border-radius:var(--card-radius);border:1px solid var(--border-color);padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);transition:transform 0.3s,box-shadow 0.3s}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.score-card{background:var(--bg-card);border-left:4px solid var(--accent-green);border-radius:var(--card-radius);padding:20px;margin-bottom:15px;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.team-flag{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.score-badge{font-size:0.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.group-card{border-top:4px solid var(--primary-blue)}.table-custom th{background-color:var(--bg-light);color:var(--text-dark);font-weight:600}.table-custom td{vertical-align:middle}.news-img{border-radius:var(--card-radius);height:200px;object-fit:cover}.accordion-item{border-radius:var(--card-radius) !important;margin-bottom:10px;border:1px solid var(--border-color) !important;overflow:hidden}.accordion-button:not(.collapsed){background-color:rgba(30,58,138,0.05);color:var(--primary-blue)}footer{background-color:var(--primary-dark);color:rgba(255,255,255,0.7);border-top:1px solid rgba(255,255,255,0.1)}footer a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.3s}footer a:hover{color:var(--accent-green)}@media (max-width:768px){.section-padding{padding:50px 0}.section-title h2{font-size:1.8rem}.table-responsive-scroll{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}