:root{--navy:#061728;--navy2:#0b2742;--teal:#00c4c7;--lime:#d8ff55;--paper:#f3f1ea;--ink:#07111d;--muted:#66717d;--line:#d7d4cc;--danger:#a33a3a;--success:#176c4c;--scroll:0;--scrollY:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{min-height:100vh}.landing-nav{z-index:50;color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0}.landing-brand{letter-spacing:.14em;font-size:12px;font-weight:900}.landing-links{align-items:center;gap:24px;font-size:12px;font-weight:800;display:flex}.mini-pill{border:1px solid;border-radius:999px;padding:10px 14px}.landing-hero{background:var(--navy);color:#fff;place-items:center;height:100vh;min-height:680px;display:grid;position:relative;overflow:hidden}.grid-lines{transform:translateY(calc(var(--scrollY)*-.03px));background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0}.hero-center{z-index:5;text-align:center;position:relative}.tiny-label{letter-spacing:.28em;color:var(--teal);margin-bottom:24px;font-size:12px;font-weight:900}.landing-hero h1{letter-spacing:-.085em;margin:0;font-size:clamp(72px,13vw,190px);font-weight:900;line-height:.72}.landing-hero h1 span{color:#0000;-webkit-text-stroke:1.6px #ffffffe0}.hero-actions{justify-content:center;align-items:center;gap:28px;margin-top:48px;display:flex}.hero-link{background:var(--lime);color:var(--ink);border-radius:999px;padding:15px 20px;font-size:13px;font-weight:900;display:inline-flex}.hero-link.dark{background:var(--ink);color:#fff}.scroll-cue{color:#b7c2cc;font-size:12px}.orb{filter:blur(1px);opacity:.8;border-radius:50%;position:absolute}.orb-a{background:var(--teal);width:310px;height:310px;transform:translate3d(0,calc(var(--scrollY)*.05px),0);top:16%;right:-80px}.orb-b{background:var(--lime);width:140px;height:140px;transform:translate3d(calc(var(--scrollY)*.03px),calc(var(--scrollY)*-.04px),0);bottom:12%;left:8%}.hero-ring{border:1px solid #ffffff30;border-radius:50%;position:absolute}.ring-1{width:54vw;height:54vw;bottom:-28vw;right:-22vw}.ring-2{width:30vw;height:30vw;top:-16vw;left:-14vw}.clubs-minimal{background:var(--navy);color:#fff;padding:120px max(28px,50vw - 662px)}.section-kicker{letter-spacing:.18em;color:var(--teal);text-transform:uppercase;font-size:11px;font-weight:900}.section-kicker.light{color:#aee8ea}.section-headline{justify-content:space-between;align-items:end;gap:30px;margin:24px 0 60px;display:flex}.section-headline h2,.closing-content h2{letter-spacing:-.07em;margin:0;font-size:clamp(56px,8vw,118px);line-height:.84}.section-headline a{border-bottom:1px solid #fff6;padding-bottom:4px;font-size:13px}.club-stack{border-top:1px solid #ffffff2e}.club-row{border-bottom:1px solid #ffffff2e;grid-template-columns:70px 1.4fr 1fr 40px;align-items:center;gap:20px;padding:28px 0;transition:transform .3s,background .3s;display:grid}.club-row:hover{transform:translate(10px)}.club-index{color:#7e95a8;font-size:12px}.club-main>span{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:10px}.club-main h3{letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(26px,3vw,44px)}.club-meta{color:#aec0ce;text-transform:uppercase;flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.club-arrow{color:var(--lime);font-size:24px}.empty-graphic{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:360px;display:grid}.empty-orbit{aspect-ratio:1;border:1px solid #fff3;border-radius:50%;width:min(360px,70vw);position:relative}.empty-dot{background:var(--lime);transform-origin:180px 0;border-radius:50%;width:46px;height:46px;margin:-23px;animation:8s linear infinite orbit;position:absolute;top:50%;left:50%}@keyframes orbit{to{transform:rotate(360deg)}}.empty-graphic h3{margin:12px 0 28px;font-size:64px}.how-clean{padding:120px max(28px,50vw - 662px) 140px}.process-line{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:42px;display:grid}.process-item{border-right:1px solid var(--ink);flex-direction:column;min-height:250px;padding:26px 20px 70px 0;display:flex}.process-item:last-child{border-right:0}.process-item span{font-size:11px;font-weight:900}.process-item h3{letter-spacing:-.055em;margin:auto 0 0;font-size:clamp(30px,4vw,58px)}.closing-panel{background:var(--teal);text-align:center;color:#001719;place-items:center;min-height:90vh;display:grid;position:relative;overflow:hidden}.closing-content{z-index:3;position:relative}.closing-button{background:var(--ink);color:#fff;border-radius:999px;margin-top:34px;padding:16px 22px;font-size:13px;font-weight:900;display:inline-flex}.closing-shape{border:2px solid #00171952;border-radius:50%;position:absolute}.shape-a{width:50vw;height:50vw;animation:9s ease-in-out infinite alternate drift;top:10%;left:-12vw}.shape-b{background:var(--lime);border:0;width:32vw;height:32vw;animation:7s ease-in-out infinite alternate-reverse drift;bottom:-3%;right:-7vw}@keyframes drift{to{transform:translate(35px,-22px)rotate(8deg)}}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:none}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:13px 20px;font-weight:900;display:inline-flex}.btn-primary{background:var(--lime);color:var(--ink)}.btn-secondary{color:var(--navy);background:#fff}.hero{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff}.hero-inner{grid-template-columns:1.25fr .75fr;gap:54px;max-width:1180px;margin:auto;padding:110px 24px 88px;display:grid}.hero-inner h1{letter-spacing:-.05em;font-size:clamp(42px,7vw,76px);line-height:.95}.hero p{color:#d6e1ea;line-height:1.65}.topbar{background:var(--navy);color:#fff}.nav{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:18px 24px;display:flex}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:var(--teal);border-radius:9px 16px;width:34px;height:34px}.navlinks{align-items:center;gap:22px;font-size:14px;display:flex}.form-wrap{max-width:860px;margin:-42px auto 80px;padding:0 24px;position:relative}.form-card,.login-card,.detail,.list,.stat{background:#fff}.form-card{border:1px solid #ddd;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000001f}.form-head,.form-body{padding:30px 32px}.form-head{border-bottom:1px solid #ddd}.form-head h1{font-size:38px}.form-head p{color:var(--muted)}.form-section{border-bottom:1px solid #ddd;margin:0 0 30px;padding:0 0 30px}.form-section h2{font-size:18px}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}label{font-size:13px;font-weight:800}.hint{color:var(--muted);font-size:12px}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd5df;border-radius:12px;outline:none;padding:12px 13px}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00c4c71f}textarea{resize:vertical;min-height:110px}.checks{flex-wrap:wrap;gap:9px;display:flex}.check-pill{position:relative}.check-pill input{opacity:0;position:absolute}.check-pill span{border:1px solid #cbd5df;border-radius:999px;padding:8px 11px;font-size:13px;display:inline-block}.check-pill input:checked+span{background:var(--navy);color:#fff}.notice{color:#24505a;background:#eef8f8;border-radius:12px;padding:14px 16px;font-size:13px}.status{margin-top:14px;font-size:14px;font-weight:700}.status.ok{color:var(--success)}.status.err{color:var(--danger)}.admin-shell{background:#eef2f5;min-height:100vh}.admin-top{background:var(--navy);color:#fff;padding:18px 24px}.admin-top .inner{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;display:flex}.admin-main{max-width:1280px;margin:auto;padding:28px 24px 70px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{border:1px solid #d9e0e7;border-radius:16px;padding:18px}.stat span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.stat strong{font-size:30px}.admin-grid{grid-template-columns:380px 1fr;gap:18px;display:grid}.list{border:1px solid #d9e0e7;border-radius:18px;overflow:hidden}.list-item{border-bottom:1px solid #d9e0e7;padding:16px}.list-item.active,.list-item:hover{background:#f2f9fa}.list-item h3{margin:5px 0}.list-item p{color:var(--muted);margin:0;font-size:12px}.detail{border:1px solid #d9e0e7;border-radius:18px;min-height:560px;padding:24px}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detail-block{border:1px solid #d9e0e7;border-radius:12px;padding:14px}.detail-block.full{grid-column:1/-1}.detail-block small{text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-weight:800;display:block}.detail-block div{white-space:pre-wrap}.admin-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.admin-actions button{border:0;border-radius:10px;padding:10px 14px;font-weight:800}.approve{color:#155b40;background:#daf4e7}.changes{color:#705400;background:#fff2cc}.archive{color:#7b3030;background:#f2e5e5}.login{background:linear-gradient(160deg,var(--navy),#164c6d);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-radius:22px;width:min(430px,100%);padding:30px}.login-card h1{font-size:34px}@media (max-width:850px){.landing-hero h1{font-size:clamp(68px,18vw,130px)}.story-step{left:24px}.s2{right:24px}.clubs-minimal,.how-clean{padding-left:24px;padding-right:24px}.club-row{grid-template-columns:44px 1fr 36px}.club-meta{grid-column:2/3}.process-line{grid-template-columns:1fr 1fr}.empty-graphic{grid-template-columns:1fr}.landing-links>a:first-child{display:none}.hero-inner,.admin-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media (max-width:560px){.landing-nav{padding:0 18px}.landing-hero h1{font-size:68px}.hero-actions{flex-direction:column;gap:14px}.orb-a{width:200px;height:200px}.orb-b{width:90px;height:90px}.story-word{font-size:86px}.story-step p{font-size:18px}.section-headline{flex-direction:column;align-items:start}.club-row{padding:22px 0}.club-main h3{font-size:28px}.club-meta{font-size:10px}.process-line{grid-template-columns:1fr}.process-item{min-height:180px}.row,.detail-grid{grid-template-columns:1fr}.form-head,.form-body{padding:24px}.detail-block.full{grid-column:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.orb,.story-word{transform:none!important}[data-reveal]{opacity:1;transform:none}}.admin-list-button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.admin-detail-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.approval-state{letter-spacing:.12em;color:#526170;background:#f5f7f9;border:1px solid #cfd7df;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.approval-state.live{color:#155b40;background:#daf4e7;border-color:#b6e6ce}.publish-panel{color:#fff;background:#07192d;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:18px 20px;display:flex}.publish-panel>div{flex-direction:column;gap:4px;display:flex}.publish-panel strong{font-size:16px}.publish-panel span{color:#b8c7d3;font-size:12px}.publish-button{background:var(--lime);color:var(--ink);white-space:nowrap;border:0;border-radius:999px;padding:13px 18px;font-weight:900}.publish-button:disabled{opacity:.55;cursor:not-allowed}.secondary-actions{margin-top:14px}.admin-flash{border-radius:12px;margin-top:16px;padding:12px 14px;font-size:13px;font-weight:800}.admin-flash.success{color:#155b40;background:#daf4e7}.admin-flash.error{color:#8b2f2f;background:#f7e3e3}.admin-actions button:disabled{opacity:.55;cursor:not-allowed}.club-count-section{background:var(--paper);place-items:center;min-height:78vh;padding:90px 28px;display:grid;position:relative;overflow:hidden}.count-grid{background-image:linear-gradient(#07111d0b 1px,#0000 1px),linear-gradient(90deg,#07111d0b 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.count-orbit{aspect-ratio:1;border:1px solid #07111d24;border-radius:50%;width:min(48vw,650px);position:absolute;top:50%;right:-12vw;transform:translateY(-50%)}.count-orbit:after{content:"";background:var(--teal);border-radius:50%;width:56px;height:56px;animation:5s ease-in-out infinite alternate floatDot;position:absolute;top:15%;left:12%}@keyframes floatDot{to{transform:translate(24px,34px)}}.count-content{z-index:2;width:min(1220px,100%);position:relative}.count-line{grid-template-columns:auto 1fr;align-items:end;gap:46px;margin-top:18px;display:grid}.count-line strong{letter-spacing:-.09em;color:var(--ink);font-size:clamp(170px,28vw,420px);font-weight:900;line-height:.72}.count-line h2{letter-spacing:-.06em;margin:0 0 28px;font-size:clamp(42px,6vw,88px);line-height:.9}.count-line a{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:13px;font-weight:900}.story-clean{background:#fff;padding:110px max(28px,50vw - 662px) 130px}.story-kicker{margin-bottom:34px}.story-clean-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.story-clean-card{border:1px solid var(--ink);flex-direction:column;min-height:470px;padding:28px;display:flex;position:relative;overflow:hidden}.story-clean-card>span{letter-spacing:.14em;font-size:11px;font-weight:900}.story-clean-card h2{letter-spacing:-.07em;margin:auto 0 14px;font-size:clamp(58px,7vw,108px);line-height:.82}.story-clean-card p{z-index:3;margin:0;font-size:17px;position:relative}.start-card{background:var(--paper)}.join-card{background:var(--teal);color:#001719}.lead-card{background:var(--navy);color:#fff;border-color:var(--navy)}.story-symbol{opacity:.16;position:absolute;top:18px;right:18px}.symbol-plus{font-size:190px;font-weight:200;line-height:.7;animation:14s linear infinite spinSlow}.symbol-ring{border:2px solid;border-radius:50%;width:180px;height:180px;animation:4s ease-in-out infinite alternate pulseRing}.symbol-arrow{font-size:160px;line-height:1;animation:3.5s ease-in-out infinite alternate arrowDrift}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulseRing{to{transform:scale(1.18)}}@keyframes arrowDrift{to{transform:translate(16px,-14px)}}@media (max-width:850px){.count-line{grid-template-columns:1fr;gap:22px}.count-line strong{font-size:180px}.story-clean-grid{grid-template-columns:1fr}.story-clean-card{min-height:320px}}@media (max-width:560px){.club-count-section{min-height:68vh}.count-line strong{font-size:145px}.count-line h2{font-size:48px}.story-clean{padding-left:18px;padding-right:18px}}.hero-center{will-change:transform;animation:.9s cubic-bezier(.2,.8,.2,1) both heroEnter}.landing-hero h1{animation:.95s cubic-bezier(.2,.8,.2,1) 80ms both titleEnter}.hero-actions{animation:.9s cubic-bezier(.2,.8,.2,1) .34s both heroEnter}.scroll-cue{animation:1.9s ease-in-out infinite scrollPulse}.hero-link{transition:transform .25s,box-shadow .25s,background .25s}.hero-link:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000038}@keyframes heroEnter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes titleEnter{0%{opacity:0;transform:translateY(36px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatOrbA{0%{transform:translate(0,0)}to{transform:translate(-24px,18px)}}@keyframes floatOrbB{0%{transform:translate(0,0)}to{transform:translate(22px,-18px)}}@keyframes ringDriftA{0%{transform:translate(0,0)rotate(0)}to{transform:translate(18px,-14px)rotate(4deg)}}@keyframes ringDriftB{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-16px,18px)rotate(-5deg)}}@keyframes gridBreathe{0%{background-position:0 0,0 0}to{background-position:0 18px,18px 0}}@keyframes scrollPulse{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.motion-home .hero-center{transform:translateY(calc(var(--scrollY) * .035px)) scale(calc(1 - min(.055, var(--scroll) * .055)))}.motion-home .orb-a{translate:0 calc(var(--scrollY) * .025px)}.motion-home .orb-b{translate:0 calc(var(--scrollY) * -.02px)}@media (prefers-reduced-motion:reduce){.hero-center,.landing-hero h1,.landing-hero h1 span,.hero-actions,.scroll-cue,.orb-a,.orb-b,.ring-1,.ring-2,.grid-lines{animation:none!important}.motion-home .hero-center{transform:none!important}.motion-home .orb-a,.motion-home .orb-b{translate:none!important}}.orb-a{animation:7s ease-in-out infinite alternate floatOrbAVisible!important}.orb-b{animation:8.5s ease-in-out infinite alternate floatOrbBVisible!important}.ring-1{animation:24s linear infinite ringRotateA!important}.ring-2{animation:30s linear infinite reverse ringRotateB!important}.grid-lines{animation:12s linear infinite gridTravel!important}.landing-hero h1 span{animation:5s ease-in-out infinite alternate outlineFloat!important}@keyframes floatOrbAVisible{0%{transform:translate(-10px,-8px)scale(1)}to{transform:translate(-72px,46px)scale(1.06)}}@keyframes floatOrbBVisible{0%{transform:translate(-10px,8px)scale(.96)}to{transform:translate(64px,-46px)scale(1.08)}}@keyframes ringRotateA{0%{transform:rotate(0)translate(0,0)}to{transform:rotate(360deg)translate(0,0)}}@keyframes ringRotateB{0%{transform:rotate(0)translate(0,0)}to{transform:rotate(360deg)translate(0,0)}}@keyframes gridTravel{0%{background-position:0 0,0 0}to{background-position:72px 72px,72px 72px}}@keyframes outlineFloat{0%{transform:translateY(0)}to{transform:translateY(12px)}}
