:root{--green:#003c3b;--lime:#c9e00c;--aqua:#4fc8c8;--soft:#f4f4f4;--ink:#17302f;--muted:#6c7776;--white:#fff;--border:#dfe6e4;--shadow:0 18px 48px #003c3b14}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f6f8f7;margin:0}body{font-family:Avenir,Avenir Next,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{background:var(--green);color:#fff;z-index:10;flex-direction:column;width:250px;padding:28px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand-wrap{text-align:center;border-bottom:1px solid #ffffff24;padding-bottom:28px}.brand-logo{border-radius:2px;width:150px;max-width:100%;margin:0 auto;display:block}.brand-tagline{letter-spacing:.2em;margin-top:12px;font-size:10px;font-weight:800;display:block}.nav-list{gap:8px;margin-top:28px;display:grid}.nav-button{color:#ffffffc2;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;font-weight:700;display:flex}.nav-button span{place-items:center;width:26px;height:26px;font-size:18px;display:grid}.nav-button:hover,.nav-button.active{color:#fff;background:#4fc8c824}.nav-button.active{box-shadow:inset 3px 0 0 var(--lime)}.sidebar-card{background:#ffffff0d;border:1px solid #ffffff29;border-radius:18px;gap:5px;margin-top:auto;padding:18px;display:grid}.sidebar-card strong{font-size:20px}.sidebar-card>span:not(.eyebrow){color:#ffffffa8;font-size:13px}.member-dot,.status-line{align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:800;display:flex}.member-dot i,.status-line i{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #c9e00c21}.main{max-width:1500px;margin-left:250px;padding:36px 42px 60px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.topbar h1{letter-spacing:.025em;text-transform:uppercase;color:var(--green);margin:4px 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(34px,5vw,54px);font-weight:500}.eyebrow{color:#4e6766;letter-spacing:.18em;font-size:11px;font-weight:900}.eyebrow.light{color:var(--aqua)}.top-actions{align-items:center;gap:12px;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--green);background:#fff;border-radius:999px;padding:10px 15px;font-weight:700}.avatar{background:var(--green);color:#fff;border:0;border-radius:50%;width:42px;height:42px;font-weight:900}.page-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.hero-card{background:var(--green);color:#fff;min-height:360px;box-shadow:var(--shadow);border-radius:30px;grid-column:span 12;grid-template-columns:1.35fr .65fr;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:clamp(34px,6vw,72px);position:relative}.hero-copy h2{letter-spacing:.02em;text-transform:uppercase;margin:14px 0 20px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(44px,6.5vw,82px);font-weight:500;line-height:.95}.hero-copy p{color:#ffffffbd;max-width:650px;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-orbit{min-height:300px;position:relative}.orbit-line{border:1px solid #4fc8c86b;border-radius:50%;width:420px;height:420px;position:absolute;top:-25px;right:-150px;box-shadow:0 0 0 45px #4fc8c80d,0 0 0 90px #4fc8c809}.ball{z-index:2;background:var(--lime);width:74px;height:74px;color:var(--green);border-radius:50%;place-items:center;font-size:40px;display:grid;position:absolute;top:86px;right:115px;box-shadow:0 22px 40px #00000038}.primary-btn,.secondary-btn,.outline-btn,.lime-btn{border:0;border-radius:999px;padding:13px 19px;font-weight:900;transition:all .2s}.primary-btn{background:var(--lime);color:var(--green)}.primary-btn:hover,.lime-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.secondary-btn{color:var(--green);background:#fff}.outline-btn{border:1px solid var(--green);color:var(--green);background:#fff}.lime-btn{background:var(--lime);color:var(--green)}.full{width:100%;margin-top:18px}.quick-grid{grid-column:span 12;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.quick-card,.content-card,.membership-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:24px;box-shadow:0 12px 35px #003c3b0d}.quick-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.quick-card strong{color:var(--green);margin:10px 0 2px;font-size:30px;display:block}.quick-card p{color:var(--muted);margin:0}.quick-card button,.text-btn{color:var(--green);background:0 0;border:0;padding:14px 0 0;font-weight:900}.content-card{grid-column:span 6}.content-card.wide,.membership-card.wide{grid-column:span 12}.content-card h3{color:var(--green);margin:9px 0 10px;font-size:24px}.muted{color:var(--muted);line-height:1.6}.section-title{text-transform:uppercase;letter-spacing:.02em;color:var(--green);margin:7px 0 22px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:40px;font-weight:500}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px;display:flex}.section-heading h3{margin:5px 0 0}.dark-card{background:var(--green);color:#fff;border-color:var(--green)}.dark-card h3{color:#fff}.dark-card p{color:#ffffffb3}.event-list{gap:2px;display:grid}.event-item{border-top:1px solid var(--border);grid-template-columns:70px 1fr auto;align-items:center;gap:16px;padding:16px 0;display:grid}.date-box{background:var(--soft);border-radius:16px;align-content:center;place-items:center;width:58px;height:58px;display:grid}.date-box strong{color:var(--green);font-size:24px;line-height:1}.date-box span{color:var(--muted);font-size:10px;font-weight:900}.event-copy{gap:4px;display:grid}.event-copy span{color:var(--muted);font-size:13px}.event-item button{border:1px solid var(--border);color:var(--green);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800}.segmented{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.segmented button{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800}.segmented .selected{background:var(--green);border-color:var(--green);color:#fff}.form-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.form-grid label{color:var(--green);gap:8px;font-size:13px;font-weight:800;display:grid}.form-grid input,.form-grid select{border:1px solid var(--border);width:100%;color:var(--ink);background:#fbfcfc;border-radius:14px;outline:none;padding:13px}.availability-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.slot{border:1px solid var(--border);text-align:left;background:#fff;border-radius:18px;gap:6px;padding:18px;display:grid}.slot:hover{border-color:var(--aqua);box-shadow:0 8px 22px #4fc8c821}.slot span{color:var(--muted);font-size:12px}.slot strong{color:var(--green);font-size:26px}.slot small{color:#6d7d28;font-weight:800}.community-actions{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.community-actions button{border:1px solid var(--border);text-align:left;background:#fbfcfc;border-radius:18px;gap:14px;padding:20px;display:flex}.community-actions b{background:var(--lime);width:36px;height:36px;color:var(--green);border-radius:12px;place-items:center;font-size:20px;display:grid}.community-actions span{color:var(--green);gap:5px;font-weight:900;display:grid}.community-actions small{color:var(--muted);font-weight:500}.player-list>div{border-top:1px solid var(--border);grid-template-columns:42px 1fr auto;align-items:center;padding:12px 0;display:grid}.rank{color:var(--aqua);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:22px}.player-list div div{display:grid}.player-list small{color:var(--muted)}.player-list em{color:#6d7d28;font-style:normal;font-weight:900}.membership-card{background:linear-gradient(135deg,var(--green),#075a58);color:#fff;justify-content:space-between;align-items:end;min-height:230px;display:flex}.membership-card h2{text-transform:uppercase;letter-spacing:.02em;margin:10px 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:52px}.membership-card p{color:#ffffffb3}.member-number{text-align:right}.member-number span{color:var(--aqua);letter-spacing:.15em;font-size:11px;font-weight:900;display:block}.member-number strong{font-size:22px}.benefit-list{color:var(--muted);padding-left:18px;line-height:1.9}.balance-row{background:var(--soft);border-radius:20px;justify-content:space-between;align-items:end;gap:18px;padding:24px;display:flex}.balance-row div{gap:6px;display:grid}.balance-row span,.balance-row small{color:var(--muted)}.balance-row strong{color:var(--green);font-size:38px}.transactions{display:grid}.transactions>div{border-top:1px solid var(--border);grid-template-columns:85px 1fr auto;align-items:center;gap:20px;padding:16px 0;display:grid}.transactions span{color:var(--muted);font-size:12px}.transactions em{color:var(--green);font-style:normal;font-weight:900}.mobile-nav{display:none}.toast{background:var(--green);color:#fff;z-index:50;border:1px solid #ffffff1f;border-radius:14px;padding:14px 18px;font-weight:800;position:fixed;bottom:26px;right:26px;box-shadow:0 18px 50px #0003}@media (max-width:980px){.sidebar{display:none}.main{margin-left:0;padding:26px 22px 100px}.mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#003c3bf5;border-radius:20px;grid-template-columns:repeat(5,1fr);padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 15px 45px #00000038}.mobile-nav button{color:#ffffffa6;background:0 0;border:0;border-radius:14px;place-items:center;gap:2px;padding:7px 3px;display:grid}.mobile-nav button.active{color:var(--lime);background:#c9e00c1f}.mobile-nav span{font-size:18px}.mobile-nav small{font-size:9px}.quick-grid{grid-template-columns:1fr 1fr 1fr}.hero-card{grid-template-columns:1fr}.hero-orbit{opacity:.55;width:300px;height:300px;position:absolute;top:0;right:0}.form-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.topbar{align-items:flex-start}.ghost-btn{display:none}.main{padding:22px 14px 100px}.hero-card{border-radius:24px;min-height:470px}.hero-copy{padding:34px 25px}.hero-copy h2{font-size:50px}.hero-copy p{font-size:15px}.hero-orbit{top:260px}.quick-grid{grid-template-columns:1fr}.content-card{grid-column:span 12}.community-actions,.availability-grid,.form-grid{grid-template-columns:1fr}.event-item{grid-template-columns:58px 1fr}.event-item button{grid-column:2}.membership-card{flex-direction:column;align-items:flex-start}.member-number{text-align:left}.balance-row{flex-direction:column;align-items:flex-start}.transactions>div{grid-template-columns:65px 1fr}.transactions em{grid-column:2}.toast{bottom:92px;left:14px;right:14px}.section-heading{flex-direction:column;align-items:flex-start}.topbar h1{font-size:38px}}