:root{--soccer-green:#0b5e32;--soccer-green-hover:#084725;--accent-gold:#f5a623;--accent-gold-hover:#e09210;--dark-blue:#0f172a;--text-main:#1e293b;--text-muted:#64748b;--bg-light:#f8fafc;--border-color:#e2e8f0;--white:#ffffff}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-main);background-color:var(--bg-light);line-height:1.6}header{background-color:var(--white);border-bottom:1px solid var(--border-color)}.navbar-brand img{max-height:48px;object-fit:contain}.nav-link{color:var(--text-main);font-weight:500;transition:color 0.3s ease}.nav-link:hover{color:var(--soccer-green)}.hero-section{background:linear-gradient(135deg,#0f172a 0%,#0b5e32 100%);color:var(--white);padding:80px 0;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.hero-section h1{font-size:2.5rem;font-weight:800;line-height:1.25;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.hero-badge{background-color:var(--accent-gold);color:var(--dark-blue);font-weight:bold;padding:5px 12px;border-radius:20px;font-size:0.9rem;display:inline-block}.section-title{position:relative;font-weight:700;color:var(--dark-blue);margin-bottom:1.5rem;padding-bottom:10px}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:4px;background-color:var(--soccer-green);border-radius:2px}.card-custom{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.card-custom:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.05)}.match-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:15px}.team-flag{width:32px;height:32px;border-radius:50%;display:inline-block;background-color:#cbd5e1;text-align:center;line-height:32px;font-weight:bold;color:#475569;font-size:0.8rem}.table-custom th{background-color:var(--soccer-green);color:var(--white);font-weight:600}.table-responsive{border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.badge-status{padding:4px 10px;border-radius:12px;font-size:0.8rem;font-weight:600}.status-upcoming{background-color:#fef3c7;color:#d97706}.status-live{background-color:#fee2e2;color:#dc2626;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.btn-soccer{background-color:var(--soccer-green);color:var(--white);border-radius:8px;padding:10px 24px;font-weight:600;border:none;transition:background-color 0.3s ease}.btn-soccer:hover{background-color:var(--soccer-green-hover);color:var(--white)}.btn-gold{background-color:var(--accent-gold);color:var(--dark-blue);border-radius:8px;padding:10px 24px;font-weight:600;border:none;transition:background-color 0.3s ease}.btn-gold:hover{background-color:var(--accent-gold-hover);color:var(--dark-blue)}.faq-question{font-weight:600;color:var(--dark-blue)}footer{background-color:var(--dark-blue);color:#94a3b8;padding:60px 0 30px 0}footer a{color:#cbd5e1;text-decoration:none;transition:color 0.3s ease}footer a:hover{color:var(--accent-gold)}.timeline-box{border-left:3px solid var(--soccer-green);padding-left:20px;position:relative}.timeline-item::before{content:'';position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background-color:var(--accent-gold);border:3px solid var(--white)}@media (max-width:768px){.hero-section h1{font-size:1.8rem}.hero-section{padding:40px 0}}