.hero{background:linear-gradient(180deg,var(--color-primary) 0%,#102a56 60%,#0d2b5e 100%);padding:var(--space-12) var(--space-6) var(--space-10);text-align:center;color:#fff;position:relative;overflow:visible}.hero__title{font-size:var(--text-4xl);font-weight:700;line-height:1.15;max-width:700px;margin:0 auto var(--space-4);color:#fff}.hero__subtitle{font-size:var(--text-lg);color:rgb(255 255 255 / .65);max-width:520px;margin:0 auto var(--space-10)}.hero__search{max-width:540px;margin:0 auto;position:relative;z-index:100}.hero__search-input{width:100%;padding:16px 130px 16px 24px;border:2px solid rgb(255 255 255 / .15);border-radius:var(--radius-full);background:rgb(255 255 255 / .08);color:#fff;font-size:var(--text-base);font-family:var(--font-sans);outline:none;box-sizing:border-box;transition:border-color var(--transition-base),background var(--transition-base)}.hero__search-input::placeholder{color:rgb(255 255 255 / .4)}.hero__search-input:focus{border-color:var(--color-accent);background:rgb(255 255 255 / .12)}.hero__search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--color-accent);color:var(--color-primary);border:none;padding:10px 24px;border-radius:var(--radius-full);font-weight:700;font-size:.875rem;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast)}.hero__search-btn:hover{background:var(--color-accent-dark)}.hero__results{display:none;position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px rgb(0 0 0 / .15);overflow:hidden;text-align:left;z-index:9999;max-height:300px;overflow-y:auto}.hero__stats{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-8)}.hero__stat{text-align:center}.hero__stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent)}.hero__stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:rgb(255 255 255 / .5);margin-top:var(--space-1)}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-6)}.section-header__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--space-3);margin:0}.section-header__badge{font-size:var(--text-xs);font-weight:700;background:var(--color-accent);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.league-pills{display:flex;gap:var(--space-3);flex-wrap:wrap;padding-bottom:var(--space-8)}.league-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);box-shadow:var(--shadow-sm);text-decoration:none;transition:all var(--transition-base)}.league-pill:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px);color:var(--color-primary)}.league-pill__count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}@media (max-width:767px){.hero{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero__title{font-size:var(--text-3xl);margin-bottom:var(--space-6)}.hero__subtitle{display:none!important}.hero__stats{display:none!important}.hero__search{margin-bottom:0;width:100%}.league-pills{gap:var(--space-2)}.section-header__badge{display:none}.hero__search-input{padding-right:100px}.hero__search-btn{min-height:44px;padding:12px 20px}.league-pill{min-height:44px}}