:root{--soccer-green:#00a854;--ocean-blue:#0a3d62;--accent-gold:#f39c12;--dark-navy:#0c162c;--light-bg:#f4f6f9;--border-color:#e2e8f0;--card-shadow:0 8px 30px rgba(0,0,0,0.06);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--light-bg);color:#2c3e50;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;color:var(--dark-navy)}.navbar-custom{background-color:rgba(12,22,44,0.95);backdrop-filter:blur(10px);border-bottom:2px solid var(--soccer-green);transition:var(--transition-smooth)}.navbar-custom .navbar-brand{font-weight:800;color:#ffffff;display:flex;align-items:center;gap:10px}.navbar-custom .nav-link{color:rgba(255,255,255,0.85);font-weight:500;padding:0.5rem 1rem;transition:var(--transition-smooth)}.navbar-custom .nav-link:hover{color:var(--soccer-green)}.hero-banner{position:relative;background:radial-gradient(circle at top right,rgba(10,61,98,0.92),rgba(12,22,44,1));color:#ffffff;padding:100px 0 80px 0;overflow:hidden}.hero-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--light-bg),transparent)}.hero-title{font-size:2.8rem;line-height:1.25;letter-spacing:-0.5px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.hero-img-box{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.4)}.hero-badge-container{display:flex;gap:10px;margin-bottom:15px}.hero-badge{background:rgba(0,168,84,0.2);border:1px solid var(--soccer-green);color:#ffffff;padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600}.section-padding{padding:80px 0}.section-title-wrap{margin-bottom:45px;text-align:center}.section-title-wrap h2{font-size:2.2rem;position:relative;display:inline-block;padding-bottom:15px}.section-title-wrap h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:var(--soccer-green);border-radius:2px}.group-card{background-color:#ffffff;border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:var(--transition-smooth);overflow:hidden}.group-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,0.12)}.group-header{background:linear-gradient(135deg,var(--ocean-blue),var(--dark-navy));color:#ffffff;padding:12px 20px;font-weight:700;font-size:1.2rem}.table-custom{margin-bottom:0}.table-custom th{font-size:0.8rem;color:var(--text-muted);text-transform:uppercase;padding:10px 15px}.table-custom td{font-size:0.9rem;padding:12px 15px;vertical-align:middle;color:#334155}.match-card{background:#ffffff;border-left:4px solid var(--soccer-green);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:var(--card-shadow);transition:var(--transition-smooth)}.match-card:hover{transform:translateX(5px)}.match-header{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--text-muted);margin-bottom:12px;border-bottom:1px dashed var(--border-color);padding-bottom:8px}.match-teams{display:flex;align-items:center;justify-content:space-between}.team-row{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1.05rem}.team-flag-placeholder{width:28px;height:18px;background:#e2e8f0;border-radius:2px;display:inline-block}.score-box{background:var(--light-bg);border-radius:6px;padding:6px 12px;font-weight:800;font-size:1.1rem;color:var(--dark-navy);min-width:60px;text-align:center}.news-card{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition-smooth);height:100%;display:flex;flex-direction:column;border:1px solid var(--border-color)}.news-card:hover{transform:translateY(-5px)}.news-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.news-meta{font-size:0.8rem;color:var(--accent-gold);font-weight:600;margin-bottom:10px}.news-title{font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--dark-navy);margin-bottom:12px}.news-excerpt{font-size:0.9rem;color:#64748b;line-height:1.6;margin-bottom:15px}.image-showcase{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.15)}.image-caption-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.85),transparent);padding:30px 20px 20px 20px;color:#ffffff}.accordion-item-custom{background-color:#ffffff;border:1px solid var(--border-color);border-radius:8px !important;margin-bottom:12px;overflow:hidden;box-shadow:var(--card-shadow)}.accordion-button-custom{background-color:#ffffff;color:var(--dark-navy);font-weight:600;padding:18px 24px;border:none;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}.accordion-button-custom:not(.collapsed){background-color:rgba(0,168,84,0.05);color:var(--soccer-green)}.accordion-body-custom{padding:20px 24px;background-color:#ffffff;color:#4a5568;font-size:0.95rem;line-height:1.6;border-top:1px solid var(--border-color)}.footer-dark{background-color:var(--dark-navy);color:rgba(255,255,255,0.75);padding:70px 0 30px 0;border-top:4px solid var(--soccer-green)}.footer-heading{color:#ffffff;font-size:1.15rem;font-weight:700;margin-bottom:25px}.footer-link{color:rgba(255,255,255,0.7);text-decoration:none;transition:var(--transition-smooth);display:inline-block;margin-bottom:10px}.footer-link:hover{color:var(--soccer-green);transform:translateX(4px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--soccer-green);border-radius:4px}@media (max-width:991.98px){.hero-title{font-size:2.2rem}.section-padding{padding:60px 0}}@media (max-width:767.98px){.hero-title{font-size:1.8rem}.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}