.home .hero{position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center}
.hero-inner > *{min-width:0}
.hero-text{max-width:600px;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-form{display:flex;gap:var(--space-3);flex-wrap:wrap}
.hero-events{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.hero-event.large{grid-column:span 2}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.35}

.trust-items{display:flex;justify-content:center;gap:var(--space-5);text-align:center}

.tournament-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.calendar-text{max-width:600px}

.ticker{background:var(--color-bg-secondary);overflow:hidden}
.ticker-track{white-space:nowrap;animation:scroll 20s linear infinite}
@keyframes scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}

.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.leaderboard{display:flex;flex-direction:column;gap:var(--space-2)}

.articles-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.faq-item{border-bottom:1px solid var(--color-border-subtle)}
.faq-item button{width:100%;text-align:left;padding:var(--space-3) 0}
.faq-content{display:none;padding-bottom:var(--space-3)}

.newsletter-form{display:flex;gap:var(--space-3);width:100%;max-width:400px}
.newsletter-form input{flex:1}

@media(max-width:1100px){
.hero-inner{grid-template-columns:1fr}
.hero-events{grid-template-columns:1fr}
.hero-event.large{grid-column:auto}
}

@media(max-width:768px){
.home .section:not(.hero){padding-block:var(--space-5)}
.hero-inner{gap:var(--space-4)}
.hero-text{max-width:none;gap:var(--space-4)}
.hero-text p{margin-bottom:0}
.hero-form,.hero-cta,.newsletter-form{flex-direction:column;align-items:stretch}
.hero-form input,.hero-form .button,.hero-cta .button,.newsletter-form input,.newsletter-form .button{width:100%}
.hero-events{grid-template-columns:1fr}
.hero-event.large{grid-column:auto}
.tournament-grid,.profile-grid,.articles-grid,.results-grid{grid-template-columns:1fr}
.trust-items{align-items:flex-start;gap:var(--space-3);text-align:left}
.home .card{padding:var(--space-3)}
.newsletter-form{max-width:none}
}