.football-hero{position:relative;background:linear-gradient(135deg,#1a472a 0%,#0d3d1f 100%);color:var(--color-text-white);padding:16px 0;overflow:hidden;}
.football-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(255,255,255,0.03) 50px,rgba(255,255,255,0.03) 100px);opacity:0.5;}
.hero-content-wrapper{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center;}
.hero-text{text-align:center;}
.hero-badge{display:inline-block;padding:8px var(--spacing-md);background-color:#ffd700;color:#1a472a;font-size:var(--font-size-sm);font-weight:700;border-radius:20px;margin-bottom:var(--spacing-md);text-transform:uppercase;}
.hero-title-main{font-size:42px;font-weight:800;margin-bottom:var(--spacing-md);line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.hero-description{font-size:var(--font-size-lg);opacity:0.95;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;}
.hero-cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;}
.hero-btn-primary{padding:var(--spacing-sm) var(--spacing-xl);background-color:#ffd700;color:#1a472a;font-weight:700;border-radius:var(--border-radius-lg);transition:all var(--transition-base);box-shadow:0 4px 12px rgba(255,215,0,0.3);}
.hero-btn-primary:hover{background-color:#ffed4e;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,215,0,0.5);}
.hero-btn-secondary{padding:var(--spacing-sm) var(--spacing-xl);background-color:transparent;color:var(--color-text-white);font-weight:600;border:2px solid var(--color-text-white);border-radius:var(--border-radius-lg);transition:all var(--transition-base);}
.hero-btn-secondary:hover{background-color:rgba(255,255,255,0.1);transform:translateY(-3px);}
.live-matches-section{padding:var(--spacing-xxl) 0;}
.live-match-card{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-base);transition:all var(--transition-base);border-left:4px solid #dc3545;}
.live-match-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);}
.live-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px var(--spacing-sm);background-color:#dc3545;color:white;font-size:var(--font-size-xs);font-weight:700;border-radius:12px;margin-bottom:var(--spacing-md);}
.live-dot{width:8px;height:8px;background-color:white;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite;}
@keyframes pulse-live{0%,100%{opacity:1;}50%{opacity:0.3;}}
.match-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md);}
.team{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);}
.team-logo{width:60px;height:60px;object-fit:contain;}
.team-name{font-size:var(--font-size-base);font-weight:600;text-align:center;color:var(--color-text-primary);}
.match-score{font-size:32px;font-weight:800;color:#1a472a;text-align:center;min-width:80px;}
.match-info{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-tertiary);}
.quick-links-section{padding:20px 0;}
.quick-links-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);}
.quick-link-card{position:relative;padding:12px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:var(--border-radius-lg);border:2px solid var(--color-border-light);transition:all var(--transition-base);overflow:hidden;}
.quick-link-card::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#1a472a 0%,#0d3d1f 100%);opacity:0.05;border-radius:0 0 0 100%;transition:all var(--transition-base);}
.quick-link-card:hover{border-color:#1a472a;transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.quick-link-card:hover::before{opacity:0.1;transform:scale(1.2);}
.quick-link-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:10px;}
.quick-link-icon{width:36px;height:36px;background:linear-gradient(135deg,#1a472a 0%,#0d3d1f 100%);border-radius:var(--border-radius-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;font-size:18px;}
.quick-link-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);}
.quick-link-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:12px;}
.quick-link-arrow{display:inline-flex;align-items:center;gap:4px;color:#1a472a;font-weight:600;font-size:var(--font-size-sm);transition:gap var(--transition-fast);}
.quick-link-card:hover .quick-link-arrow{gap:var(--spacing-sm);}
@media (max-width:767px){.football-hero{padding:var(--spacing-lg) 0;}.hero-visual{display:none;}.hero-title-main{font-size:28px;}.hero-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);}.hero-badge{font-size:var(--font-size-xs);padding:6px var(--spacing-sm);}.hero-cta-buttons{gap:var(--spacing-sm);}.hero-btn-primary,.hero-btn-secondary{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);}.quick-links-section{padding:var(--spacing-md) 0;}.quick-links-grid{grid-template-columns:repeat(2,1fr);gap:8px;}.quick-link-card{padding:var(--spacing-sm);}.quick-link-header{gap:6px;margin-bottom:6px;}.quick-link-icon{width:28px;height:28px;font-size:14px;}.quick-link-title{font-size:var(--font-size-sm);}.quick-link-desc{font-size:var(--font-size-xs);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.quick-link-arrow{font-size:var(--font-size-xs);}}
@media (min-width:768px){.hero-content-wrapper{grid-template-columns:4fr 2fr;}.hero-text{text-align:left;}.hero-description{margin-left:0;margin-right:0;}.hero-cta-buttons{justify-content:flex-start;}.quick-links-grid{grid-template-columns:repeat(2,1fr);}.news-card-featured{grid-template-columns:1fr 1fr;}.news-image-wrapper{aspect-ratio:auto;}}
@media (min-width:1024px){.hero-title-main{font-size:56px;}.quick-links-grid{grid-template-columns:repeat(3,1fr);}.match-teams{gap:var(--spacing-xl);}.team-logo{width:80px;height:80px;}.match-score{font-size:48px;}}