:root{--vp-blue:#124f78;--vp-deep:#09344f;--vp-sky:#e9f3f7;--vp-green:#3c8b72;--pal-blue:#0a2e63;--pal-orange:#f47b20;--cream:#f7f5ef;--white:#fff;--ink:#17313f;--muted:#647781;--line:#dbe4e7;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}.shell{width:min(1120px,calc(100% - 32px));margin:auto}.hero{color:#fff;background:radial-gradient(circle at 82% 28%,rgba(255,255,255,.12),transparent 24%),linear-gradient(130deg,var(--vp-deep),var(--vp-blue));overflow:hidden}.nav{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;line-height:1}.brand-mark{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--vp-blue);display:grid;place-items:center;font-size:12px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.1em}.brand small{margin-top:5px;font-size:9px;letter-spacing:.28em;color:#cde2eb}.private{font-size:9px;font-weight:900;letter-spacing:.14em;border:1px solid rgba(255,255,255,.4);border-radius:99px;padding:7px 11px}.hero-copy{padding:90px 0 105px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;margin:0 0 16px}.accent{color:var(--vp-green)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:800;letter-spacing:-.045em;line-height:1.02}h1{font-size:clamp(48px,8vw,86px);margin-bottom:25px}.lead{font-size:clamp(17px,2.2vw,21px);color:#d6e6ec;max-width:650px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:999px;padding:14px 22px;font:inherit;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer}.primary{background:#fff;color:var(--vp-blue)}.section{padding:82px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-heading h2{font-size:clamp(38px,5vw,58px);margin-bottom:0}.section-heading h2 em,.conversation h2 em{font-style:normal;color:var(--vp-green)}.section-heading>p{max-width:390px;color:var(--muted)}.sport-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.sport-card{min-height:245px;padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.sport-icon{font-size:34px}.sport-card h3{font-size:22px;margin:22px 0 4px}.sport-card p{font-size:13px;color:var(--muted)}.status{margin-top:auto;align-self:flex-start;font-size:9px;letter-spacing:.13em;color:#819099;background:#edf1f2;border-radius:99px;padding:6px 9px}.sport-card.active{background:var(--vp-blue);color:#fff;box-shadow:0 16px 34px rgba(18,79,120,.2)}.sport-card.active p{color:#d2e2ea}.sport-card.active .status{color:#fff;background:var(--vp-green)}.discover{color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;margin-top:18px;text-decoration:none}.basketball{background:var(--vp-sky)}.club-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(24,61,79,.1);border-top:7px solid var(--pal-orange)}.club-intro{padding:38px}.club-title{display:flex;align-items:center;gap:15px}.club-title>span{font-size:44px}.club-title h2{font-size:clamp(30px,5vw,48px);color:var(--pal-blue);margin:0}.club-title p{color:var(--pal-orange);font-size:11px;font-weight:900;letter-spacing:.22em;margin:3px 0 0}.season{color:var(--pal-orange);font-size:10px;font-weight:900;letter-spacing:.16em;margin:28px 0 7px}.summary{display:grid;grid-template-columns:1.3fr 1.2fr .5fr;gap:12px;margin:28px 0}.summary div{border-left:3px solid var(--pal-orange);padding-left:13px}.summary strong,.summary span{display:block}.summary span{font-size:12px;color:var(--muted);margin-top:4px}.club-button{background:var(--pal-blue);color:#fff}.course-details{padding:0 38px 32px}.course-details article{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.course-details small,.course-details strong,.course-details span{display:block}.course-details small{color:var(--pal-orange);font-size:8px;font-weight:900;letter-spacing:.12em}.course-details strong{font-size:16px}.course-details span,.course-details p{font-size:12px;color:var(--muted);margin:0}.course-details p{text-align:right}.course-details a{color:var(--pal-blue);font-weight:900;text-decoration:none}.conversation{background:var(--vp-deep);color:#fff}.conversation-grid{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:center}.conversation h2{font-size:clamp(38px,5vw,58px)}.conversation-copy>p:not(.eyebrow){color:#c0d4dc;max-width:550px}.notice{margin-top:30px;border-left:3px solid var(--vp-green);padding-left:14px}.notice strong,.notice span{display:block}.notice strong{color:#71bea5;font-size:10px;letter-spacing:.14em}.notice span{font-size:12px;color:#d4e1e6}.phone{background:#e8e4dc;color:#1a2635;border:8px solid #152c38;border-radius:32px;overflow:hidden;box-shadow:0 25px 45px rgba(0,0,0,.32)}.phone-head{background:#fff;padding:14px 16px;display:flex;gap:10px;align-items:center}.avatar{width:37px;height:37px;border-radius:50%;background:var(--vp-blue);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.phone-head strong,.phone-head small{display:block}.phone-head small{font-size:9px;color:#697983}.chat{padding:16px 11px;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(#cbc6bd 1px,transparent 1px);background-size:16px 16px}.bubble{max-width:91%;padding:10px 12px;border-radius:10px;background:#fff;font-size:11px;line-height:1.45;box-shadow:0 1px 2px rgba(0,0,0,.08)}.bubble.user{background:#d8f7c8;align-self:flex-end}.bubble a{color:var(--vp-blue);font-weight:900}.simulation-label{background:#fff;color:#a84e1b;text-align:center;padding:11px;font-size:8px;font-weight:900;letter-spacing:.09em}.events{background:#fff}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.event-grid article{background:var(--cream);border-radius:var(--radius);padding:23px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.event-grid span{align-self:flex-start;background:var(--vp-green);color:#fff;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.12em}.event-grid h3{font-size:18px;line-height:1.25;margin:35px 0 0}footer{background:#061f30;color:#fff;text-align:center;padding:72px 0}footer p{max-width:760px;margin:0 auto 16px;color:#c5d6dd}footer p:first-child{color:#fff;font-weight:800;font-size:18px}.final-line{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:25px}.final-line strong,.final-line span{display:block}.final-line strong{font-size:19px}.final-line span{color:#82c7b0;font-weight:800;margin-top:4px}
@media(max-width:850px){.sport-grid{grid-template-columns:1fr 1fr}.conversation-grid{grid-template-columns:1fr;gap:45px}.phone{width:min(100%,380px);margin:auto}}
@media(max-width:600px){.shell{width:min(100% - 26px,520px)}.nav{height:70px}.hero-copy{padding:68px 0 76px}h1{font-size:45px}.section{padding:62px 0}.section-heading{display:block}.section-heading>p{margin:18px 0 0}.sport-grid{grid-template-columns:1fr}.sport-card{min-height:190px}.summary{grid-template-columns:1fr}.club-intro{padding:27px 22px}.club-title{align-items:flex-start}.club-title>span{font-size:34px}.course-details{padding:0 22px 24px}.course-details article{grid-template-columns:1fr}.course-details p{text-align:left}.event-grid{grid-template-columns:1fr}.event-grid article{min-height:130px}footer{padding:58px 0}.private{font-size:7px}.brand strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sport-grid .sport-card.active{border-color:var(--pal-orange);text-decoration:none}.sport-card.active .discover{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:999px;background:var(--pal-orange);color:#fff;font-size:14px}
@media(max-width:600px){.sport-card.active .discover{width:100%;font-size:15px}}