.home-page{background:radial-gradient(ellipse at 50% 8%,#153353 0,transparent 40%),#0e1929}.home-header{max-width:1400px;margin:auto;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff0b}.home-header .brand{color:#edf3fc}.home-main{max-width:1320px;padding:0 42px;margin:auto}.home-hero{text-align:center;padding:44px 0 36px;position:relative}.hero-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:2.2px;color:#98b9e2;font-weight:650}.hero-kicker>span{height:6px;width:6px;border-radius:50%;background:#86b9ff;box-shadow:0 0 14px #6eaaff88}.home-hero h1{font:700 76px/.95 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;margin:23px 0 20px;color:#e6eef8}.home-hero h1>span{color:#85b9ff}.home-hero>p{font-size:14px;color:#a1b4cd;line-height:1.7;margin-bottom:26px}.team-search-form{max-width:620px;margin:auto}.home-search{display:flex;align-items:center;gap:14px;background:#1c2f47;border:1px solid #466483;box-shadow:0 12px 40px #00000020;border-radius:13px;padding:0 20px;color:#a7c3e6}.home-search:focus-within{border-color:#92bfff;box-shadow:0 0 0 3px #8abaff20}.home-search input{background:transparent;border:0;outline:none;min-width:0;width:100%;padding:21px 0;color:#e7effa;font-size:16px}.home-search input::placeholder{color:#95aac5}.home-search input:focus-visible{outline:none}.home-search svg{flex-shrink:0}.home-search button{border:0;background:#304962;color:#cbd9eb;border-radius:5px;font-size:21px;line-height:1;padding:3px 7px}.search-hint{white-space:nowrap;font-size:9px;letter-spacing:1.2px;color:#8099b8;border-left:1px solid #3a506b;padding-left:16px}.hero-note{font-size:11px;color:#7791b1;margin-top:19px}.hero-note>span{padding:0 10px;color:#466384}.team-directory{border-top:1px solid #283b53;padding-top:28px}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.directory-toolbar .eyebrow{font-size:9px;letter-spacing:1.6px;color:#8aa8cb}.directory-toolbar h2{font-size:23px;letter-spacing:-.5px;margin-top:7px}.directory-toolbar h2>span{font:500 11px 'DM Sans',sans-serif;vertical-align:middle;background:#23374f;border:1px solid #344e6c;border-radius:15px;padding:4px 8px;margin-left:9px;color:#a5bbd6}.league-filters{display:flex;gap:4px;padding:4px;border:1px solid #2b3f57;border-radius:9px;background:#122135}.league-filters button{padding:10px 15px;border:0;border-radius:6px;background:transparent;font-size:12px;color:#91a8c4}.league-filters button[aria-pressed=true]{background:#2a4260;color:#e4effe}.league-filters button:hover{color:#e4effe}.home-team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.home-team-card{display:block;min-width:0;padding:17px 19px 0;background:linear-gradient(150deg,#1c2e44,#152338);border:1px solid #2c4059;border-radius:12px;text-decoration:none;overflow:hidden;transition:transform .18s,border-color .18s,background .18s}.home-team-card:hover{transform:translateY(-4px);border-color:#618abe;background:linear-gradient(150deg,#243f5f,#1b2e46)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.team-league-tag{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#91a9c8}.card-arrow{font-size:18px;color:#7898bf}.club-logo{display:grid;place-items:center;background:#d8e3ef;width:82px;height:82px;border-radius:18px;margin:25px auto 22px;box-shadow:0 8px 20px #00000018}.club-logo img{width:60px;height:60px;object-fit:contain}.club-city{text-align:center;color:#99afca;font-size:11px;line-height:1.5;min-height:17px}.home-team-card h3{text-align:center;font:600 28px/1.15 'Barlow Condensed',sans-serif;color:#e7effa;margin:4px 0 20px}.club-action{border-top:1px solid #2c4059;display:flex;justify-content:space-between;padding:13px 0;color:#a6bddb;font-size:10px}.club-action span{font-size:15px}.home-team-card:hover .club-action{color:#c7deff}.no-teams{text-align:center;padding:55px 20px;background:#17273c;border:1px dashed #395574;border-radius:12px}.no-teams h3{font-size:22px}.no-teams p{color:var(--muted);font-size:14px}.no-teams button{background:#294d79;color:#e1eeff;padding:11px 18px;border:1px solid #5b7da7;border-radius:8px}.home-main footer{margin-top:26px;border-top:1px solid #24374e}
@media(max-width:1100px){.home-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-header{padding:22px 28px}.home-main{padding:0 28px}.league-filters button{padding:10px 12px}}
@media(max-width:800px){.home-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-toolbar{align-items:flex-start;flex-direction:column}.home-hero{padding:36px 0 30px}.home-hero h1{font-size:68px}}
@media(max-width:520px){.home-header{padding:18px 16px;gap:10px}.home-header .brand{font-size:12px;gap:7px}.home-header .brand-icon{width:29px;height:32px;font-size:25px}.home-header .page-nav a{padding:8px;font-size:11px}.home-header .page-nav a[aria-current]{display:none}.home-main{padding:0 16px}.home-hero{padding:30px 0 28px}.hero-kicker{font-size:8px;letter-spacing:1.4px}.home-hero h1{font-size:58px;margin-top:20px}.home-hero>p{font-size:13px}.home-search{padding:0 15px;gap:10px}.home-search input{padding:18px 0}.search-hint{display:none}.hero-note{font-size:9px}.hero-note>span{padding:0 5px}.directory-toolbar h2{font-size:22px}.league-filters{width:100%}.league-filters button{flex:1;padding:10px 6px;font-size:11px}.league-filters button span{display:none}.home-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-team-card{padding:13px 13px 0}.club-logo{width:72px;height:72px;margin:20px auto 18px;border-radius:16px}.club-logo img{width:54px;height:54px}.home-team-card h3{font-size:26px}.team-league-tag{font-size:8px;letter-spacing:.7px}.club-action{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-team-card{transition:none}.home-team-card:hover{transform:none}}

/* Logo-only team picker. Names remain available to assistive technology and on hover. */
.home-team-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.home-team-card{display:grid;place-items:center;padding:24px;min-height:150px;background:#d8e3ef;border:1px solid #a4b8d1;border-radius:12px;box-shadow:0 4px 16px #00000012}
.home-team-card>img{display:block;width:90px;height:90px;object-fit:contain;transition:transform .18s}
.home-team-card:hover{background:#e5edf7;border-color:#8abfff;box-shadow:0 8px 24px #00000025}
.home-team-card:hover>img{transform:scale(1.08)}
@media(max-width:1100px){.home-team-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-team-card{min-height:135px;padding:20px}.home-team-card>img{width:80px;height:80px}}
@media(max-width:800px){.home-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.home-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-team-card{min-height:100px;padding:16px;border-radius:10px}.home-team-card>img{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){.home-team-card>img{transition:none}.home-team-card:hover>img{transform:none}}

/* Compact logo directory: half-size tiles and marks. */
.home-team-grid{max-width:620px;margin-inline:auto;gap:8px}
.home-team-card{min-height:75px;padding:12px;border-radius:7px}
.home-team-card>img{width:45px;height:45px}
@media(max-width:1100px){.home-team-grid{max-width:470px}.home-team-card{min-height:68px;padding:10px}.home-team-card>img{width:40px;height:40px}}
@media(max-width:800px){.home-team-grid{max-width:350px}}
@media(max-width:520px){.home-team-grid{max-width:190px;gap:6px}.home-team-card{min-height:50px;padding:8px;border-radius:6px}.home-team-card>img{width:33px;height:33px}}

/* Wider rows keep the compact logos in fewer lines. */
.home-team-grid{max-width:1040px;grid-template-columns:repeat(10,minmax(0,1fr))}
@media(max-width:1100px){.home-team-grid{max-width:850px;grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:800px){.home-team-grid{max-width:620px;grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:520px){.home-team-grid{max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}}