.club-body,.club-page{background:#061d41;color:#fff;overflow-x:hidden}.club-page{--navy:#061d41;--blue:#0b3969;--cyan:#6fe3fa;--gold:#ffba00;--cream:#f3e4c4}.club-kicker{color:var(--gold);font:800 12px Nunito,sans-serif;letter-spacing:.22em}.club-hero{position:relative;isolation:isolate;min-height:100svh;padding:135px 6% 80px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 38%,rgba(35,104,145,.8),transparent 30%),linear-gradient(135deg,#061d41,#0b3969 62%,#321c58)}.club-hero:before,.club-manifesto:before,.how-join:before,.club-form-section:before{content:"";position:absolute;inset:0;z-index:-4;background:url('assets/sky.webp') center/cover;opacity:.6}.club-stars,.manifesto-stars,.how-stars,.form-stars{position:absolute;inset:0;pointer-events:none;z-index:-2}.club-hero-copy{position:relative;z-index:4;max-width:650px}.club-hero h1{font:700 clamp(64px,7.3vw,116px)/.84 Fredoka,sans-serif;letter-spacing:-.055em;margin:16px 0}.club-hero h1 em,.club-manifesto h2 em,.young-heading h2 em,.how-heading h2 em,.form-heading h2 em{color:var(--gold);font-style:normal}.club-hand{font:400 clamp(29px,3vw,47px)/1.08 "Just Another Hand",cursive;color:#d8eef7;max-width:620px;margin:25px 0 34px}.club-hero-art{position:relative;z-index:3;align-self:end;margin:0;display:grid;place-items:center}.club-hero-art img{position:relative;z-index:2;width:min(56vw,900px);filter:drop-shadow(0 28px 30px rgba(0,0,0,.25))}.art-sun{position:absolute;width:min(45vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffcf45,#ffba00 55%,transparent 56%);opacity:.88}.club-orbit{position:absolute;border:1px solid rgba(255,186,0,.28);border-radius:50%}.orbit-a{width:58vw;height:58vw;right:-17vw;top:4vh}.orbit-b{width:34vw;height:34vw;left:-22vw;bottom:-7vw;border-color:rgba(111,227,250,.35)}.club-clouds{position:absolute;z-index:1;left:-5%;right:-5%;bottom:-7%;height:40%;background:url('assets/clouds.webp') center bottom/cover no-repeat;opacity:.34;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%);mask-image:linear-gradient(to bottom,transparent,#000 24%)}
.club-manifesto{position:relative;isolation:isolate;min-height:760px;padding:120px 8%;display:grid;grid-template-columns:1fr 1fr;gap:30px 9vw;align-content:center;overflow:hidden;background:linear-gradient(130deg,#081f48,#0d4a75 58%,#311f58)}.club-manifesto h2{font:700 clamp(58px,6.5vw,102px)/.9 Fredoka,sans-serif;letter-spacing:-.045em;margin:18px 0;grid-column:1}.club-manifesto .club-kicker{grid-column:1}.manifesto-copy{grid-column:2;grid-row:1/3;align-self:center;font-size:20px;line-height:1.75;color:#d6e7f2;border-left:2px solid var(--cyan);padding-left:36px}.passport-stamps{grid-column:1/-1;display:flex;justify-content:center;gap:22px;margin-top:55px}.passport-stamps span{width:138px;aspect-ratio:1;display:grid;place-items:center;border:2px dashed var(--gold);border-radius:50%;font:800 14px Nunito;letter-spacing:.15em;transform:rotate(-8deg)}.passport-stamps span:nth-child(2){border-color:var(--cyan);transform:rotate(7deg)}.passport-stamps span:nth-child(3){transform:rotate(-3deg)}
.young-explorers{position:relative;padding:115px 7% 130px;background:linear-gradient(180deg,#f3e4c4,#f7edda);color:#071f45;overflow:hidden}.young-heading{text-align:center;max-width:930px;margin:0 auto 65px}.young-heading .club-kicker{color:#0b75a4}.young-heading h2{font:700 clamp(55px,6vw,94px)/.92 Fredoka,sans-serif;margin:15px 0}.young-heading h2 em{font-family:"Just Another Hand",cursive;color:#cf8b00;font-weight:400}.young-heading p:last-child{font-size:18px;line-height:1.7;max-width:720px;margin:auto}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:1350px;margin:auto}.video-card{margin:0}.video-frame{position:relative;aspect-ratio:9/16;border-radius:32px;overflow:hidden;background:#061d41;border:3px solid #071f45;box-shadow:0 24px 55px rgba(7,31,69,.18);transition:transform .35s,box-shadow .35s}.video-frame:hover{transform:translateY(-8px);box-shadow:0 32px 65px rgba(7,31,69,.25)}.video-frame iframe{width:100%;height:100%;border:0}.video-card>span{display:block;margin:18px 8px;color:#0b75a4;font:800 12px Nunito;letter-spacing:.16em}
.how-join{position:relative;isolation:isolate;padding:120px 7% 135px;overflow:hidden;background:linear-gradient(140deg,#061d41,#0b3969 62%,#321c58)}.how-heading{text-align:center;max-width:1000px;margin:0 auto 70px}.how-heading h2,.form-heading h2{font:700 clamp(54px,6vw,94px)/.94 Fredoka,sans-serif;margin:18px 0}.how-heading h2 em,.form-heading h2 em{font-family:"Just Another Hand",cursive;font-weight:400}.join-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1450px;margin:auto}.join-steps article{position:relative;min-height:390px;padding:36px;border:1px solid rgba(111,227,250,.32);border-radius:34px;background:linear-gradient(145deg,rgba(6,29,65,.8),rgba(15,67,108,.65));transition:transform .35s,border-color .35s,box-shadow .35s;outline:none}.join-steps article:hover,.join-steps article:focus-visible{transform:translateY(-10px);border-color:var(--cyan);box-shadow:0 28px 55px rgba(0,0,0,.25)}.join-steps article>span{position:absolute;right:32px;top:32px;color:var(--gold);font:900 14px Nunito}.icon-shell{width:94px;height:94px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#071f45;margin-bottom:38px}.club-icon{width:52px;height:52px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;overflow:visible}.join-steps h3{font:400 clamp(34px,3vw,48px)/1 "Just Another Hand",cursive;color:var(--gold);margin:0 0 18px}.join-steps p{font-size:17px;line-height:1.7;color:#d6e7f2;margin:0}.join-steps article:hover .brush-icon,.join-steps article:focus .brush-icon,.join-steps article.is-active .brush-icon{animation:brushWiggle .65s ease-in-out}.join-steps article:hover .heart-icon,.join-steps article:focus .heart-icon,.join-steps article.is-active .heart-icon{animation:heartShake .7s ease-in-out}.join-steps article:hover .video-icon circle,.join-steps article:focus .video-icon circle,.join-steps article.is-active .video-icon circle{animation:recordPulse .7s ease-in-out infinite;transform-origin:center}@keyframes brushWiggle{25%{transform:rotate(-6deg)}55%{transform:rotate(6deg)}}@keyframes heartShake{15%{transform:scale(.9)}40%{transform:rotate(-7deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}@keyframes recordPulse{50%{transform:scale(.45);opacity:.45}}
.club-form-section{position:relative;isolation:isolate;padding:115px 7% 140px;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,8vw,120px);align-items:center;overflow:hidden;background:linear-gradient(140deg,#061d41,#0b3969 60%,#321c58)}.form-heading{max-width:590px}.form-heading>p:last-child{color:#d6e7f2;font-size:18px;line-height:1.7}.club-form{position:relative;z-index:2;width:100%;max-width:820px;padding:42px;border:1px solid rgba(111,227,250,.35);border-radius:36px;background:rgba(4,22,52,.7);backdrop-filter:blur(16px);box-shadow:0 28px 70px rgba(0,0,0,.25)}.club-form label{display:block;margin-bottom:22px}.club-form label>span{display:block;margin-bottom:8px;color:var(--gold);font:800 11px Nunito;letter-spacing:.13em;text-transform:uppercase}.club-form input,.club-form textarea{width:100%;border:1px solid rgba(111,227,250,.4);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;padding:15px 17px;font:600 15px Nunito;outline:none}.club-form input:focus,.club-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,186,0,.14)}.club-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.file-field small{display:block;margin-top:8px;color:#9fc7db}.club-form .form-check{display:flex;align-items:flex-start;gap:12px}.club-form .form-check input{width:20px;height:20px;flex:0 0 auto}.club-form .form-check span{color:#d6e7f2;letter-spacing:0;text-transform:none;line-height:1.5}.club-form .button{margin-left:auto}.club-form .form-status{min-height:20px;color:var(--cyan)}
@media(max-width:950px){.club-hero{grid-template-columns:1fr;padding-top:125px}.club-hero-copy{text-align:center;margin:auto}.club-hero-art{margin-top:40px}.club-hero-art img{width:min(96vw,760px)}.club-manifesto{grid-template-columns:1fr}.club-manifesto .club-kicker,.club-manifesto h2,.manifesto-copy{grid-column:1;grid-row:auto}.manifesto-copy{max-width:760px}.video-grid,.join-steps,.club-form-section{grid-template-columns:1fr}.club-form-section{text-align:center}.club-form{margin:auto;text-align:left}.form-heading{margin:auto}.passport-stamps{justify-content:center}}
@media(max-width:620px){.club-hero{padding:115px 18px 65px;min-height:auto}.club-hero h1{font-size:57px}.club-hand{font-size:30px}.club-hero-art img{width:118%;max-width:none}.club-clouds{height:30%;background-size:auto 100%}.club-manifesto,.young-explorers,.how-join,.club-form-section{padding:78px 18px 88px}.club-manifesto h2,.young-heading h2,.how-heading h2,.form-heading h2{font-size:49px}.manifesto-copy{font-size:17px;padding-left:20px}.passport-stamps{gap:8px}.passport-stamps span{width:92px;font-size:10px}.video-grid{gap:28px}.video-frame{border-radius:22px}.join-steps article{min-height:0;padding:28px 24px}.club-form{padding:26px 18px;border-radius:25px}.club-form .form-row{grid-template-columns:1fr;gap:0}.club-form .button{margin:auto}}
@media(prefers-reduced-motion:reduce){.join-steps article,.video-frame,.club-icon{animation:none!important;transition:none!important}}

.desktop-nav a[aria-current="page"]{color:var(--gold)}


/* Revision 31 — responsive annotation refinements */
.video-grid{grid-template-columns:repeat(2,minmax(280px,430px));justify-content:center}
.join-steps .video-icon circle{animation:recordPulse 1.5s ease-in-out infinite;transform-origin:center}
.join-steps .brush-icon{animation:brushWiggle 2.6s ease-in-out infinite}
.join-steps .heart-icon{animation:heartShake 2.8s ease-in-out infinite}
.join-steps article:nth-child(2) .club-icon{animation-delay:.35s}.join-steps article:nth-child(3) .club-icon{animation-delay:.7s}
@media(max-width:950px){.club-clouds{left:-14%;right:-14%;width:auto;height:34%;bottom:-4%;background-size:cover;background-position:center bottom}}
@media(max-width:620px){.young-explorers{padding-inline:0}.young-heading{padding-inline:18px}.video-grid{display:flex;justify-content:flex-start;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 18px 28px;scroll-padding-left:18px;-ms-overflow-style:none;scrollbar-width:none}.video-grid::-webkit-scrollbar{display:none}.video-card{flex:0 0 86%;scroll-snap-align:start}.video-card:last-child{margin-right:18px}.video-frame{width:100%;aspect-ratio:9/16}.join-steps article{text-align:center}.join-steps article>span{right:24px;top:24px}.icon-shell{margin:0 auto 32px}.join-steps h3{text-align:center}.join-steps p{text-align:center}}