.volunteer-module__pGyOKa__heroSection{background-color:var(--jss-ivory);padding:130px 0 var(--space-12) 0}@media (min-width:768px){.volunteer-module__pGyOKa__heroSection{padding:160px 0 var(--space-16) 0}}.volunteer-module__pGyOKa__heroContent{max-width:var(--max-w-prose);flex-direction:column;align-items:flex-start;display:flex}.volunteer-module__pGyOKa__heroTitle{font-family:var(--font-display);font-weight:700;font-size:var(--text-4xl);line-height:var(--leading-tight);color:var(--jss-ink);margin-top:var(--space-3);margin-bottom:var(--space-4)}.volunteer-module__pGyOKa__heroSub{font-family:var(--font-body);color:var(--jss-body);font-size:1.15rem;line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:52ch}.volunteer-module__pGyOKa__bentoSection{background-color:var(--jss-ivory);padding:var(--space-16) 0}.volunteer-module__pGyOKa__bentoGrid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.volunteer-module__pGyOKa__bentoGrid{grid-template-columns:repeat(2,1fr)}}.volunteer-module__pGyOKa__bentoCard{border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xs);transition:transform var(--dur-base) var(--ease-out);flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.volunteer-module__pGyOKa__bentoCard:hover{transform:translateY(-2px)}.volunteer-module__pGyOKa__bentoCardWide{grid-column:1/-1}.volunteer-module__pGyOKa__cardHeart{background-color:var(--jss-cream)}.volunteer-module__pGyOKa__cardHands{background-color:var(--jss-saffron-pale)}.volunteer-module__pGyOKa__cardUsers{background-color:var(--jss-maroon);color:var(--jss-ivory)}.volunteer-module__pGyOKa__cardIcon{margin-bottom:var(--space-4);padding:var(--space-2);border-radius:var(--radius-sm);background-color:#0000000d}.volunteer-module__pGyOKa__cardUsers .volunteer-module__pGyOKa__cardIcon{color:var(--jss-saffron);background-color:#ffffff1a}.volunteer-module__pGyOKa__cardTitle{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:inherit;margin-bottom:var(--space-2)}.volunteer-module__pGyOKa__cardUsers .volunteer-module__pGyOKa__cardTitle{color:var(--jss-saffron)}.volunteer-module__pGyOKa__cardBody{font-family:var(--font-body);font-size:.95rem;line-height:var(--leading-normal);color:inherit}.volunteer-module__pGyOKa__rolesSection{background-color:var(--jss-ivory);padding:var(--space-16) 0}.volunteer-module__pGyOKa__sectionHeading{font-family:var(--font-display);font-weight:600;font-size:var(--text-3xl);color:var(--jss-ink);margin-bottom:var(--space-10);text-align:center}.volunteer-module__pGyOKa__scrollContainer{gap:var(--space-6);padding:var(--space-2) var(--space-1);scrollbar-width:thin;scrollbar-color:var(--jss-rule) transparent;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.volunteer-module__pGyOKa__roleCard{flex:0 0 calc(100% - var(--space-8));scroll-snap-align:start;border:1px solid var(--jss-rule-neutral);border-radius:var(--radius-lg);min-width:260px;padding:var(--space-6);box-shadow:var(--shadow-xs);background-color:#fff;flex-direction:column;justify-content:space-between;display:flex}@media (min-width:500px){.volunteer-module__pGyOKa__roleCard{flex:0 0 280px}}@media (min-width:768px){.volunteer-module__pGyOKa__roleCard{flex:1;min-width:auto}}.volunteer-module__pGyOKa__roleTop{margin-bottom:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.volunteer-module__pGyOKa__roleIcon{color:var(--jss-saffron-deep);margin-bottom:var(--space-3)}.volunteer-module__pGyOKa__roleTitle{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--jss-ink);margin-bottom:var(--space-2)}.volunteer-module__pGyOKa__roleDesc{font-family:var(--font-body);font-size:.9rem;line-height:var(--leading-normal);color:var(--jss-body);margin-bottom:var(--space-4)}.volunteer-module__pGyOKa__commitmentPill{background-color:var(--jss-cream-deep);color:var(--jss-maroon);border-radius:var(--radius-pill);align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.volunteer-module__pGyOKa__formSection{background-color:var(--jss-cream-deep);padding:var(--space-20) 0;border-top:1px solid var(--jss-rule)}.volunteer-module__pGyOKa__formContainer{max-width:600px;margin:0 auto}.volunteer-module__pGyOKa__formHeader{text-align:center;margin-bottom:var(--space-8)}.volunteer-module__pGyOKa__formTitle{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);color:var(--jss-ink);margin-bottom:var(--space-2)}.volunteer-module__pGyOKa__formSub{font-family:var(--font-body);color:var(--jss-muted);font-size:.95rem}
.VolunteerForm-module__OOgk4G__form{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.VolunteerForm-module__OOgk4G__formGroup{flex-direction:column;align-items:flex-start;display:flex}.VolunteerForm-module__OOgk4G__label{font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);color:var(--jss-ink);margin-bottom:var(--space-2)}.VolunteerForm-module__OOgk4G__required{color:var(--jss-maroon);font-weight:700}.VolunteerForm-module__OOgk4G__mutedLabel{color:var(--jss-muted);font-weight:400}.VolunteerForm-module__OOgk4G__input{width:100%;padding:.75rem var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--jss-rule-neutral);color:var(--jss-ink);font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background-color:#fff}.VolunteerForm-module__OOgk4G__input:focus{border-color:var(--jss-saffron);outline:none;box-shadow:0 0 0 3px #ef860026;box-shadow:0 0 0 3px lab(66.7687% 36.4701 73.6754/.15)}.VolunteerForm-module__OOgk4G__inputError{border-color:var(--jss-maroon)}.VolunteerForm-module__OOgk4G__textarea{width:100%;padding:.75rem var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--jss-rule-neutral);color:var(--jss-ink);font-family:var(--font-body);resize:vertical;transition:border-color var(--dur-fast) var(--ease-out);background-color:#fff}.VolunteerForm-module__OOgk4G__textarea:focus{border-color:var(--jss-saffron);outline:none}.VolunteerForm-module__OOgk4G__checkboxGroup{gap:var(--space-3);width:100%;margin-top:var(--space-1);grid-template-columns:repeat(2,1fr);display:grid}.VolunteerForm-module__OOgk4G__checkboxLabel{align-items:center;gap:var(--space-2);font-family:var(--font-body);color:var(--jss-body);cursor:pointer;font-size:.95rem;display:flex}.VolunteerForm-module__OOgk4G__checkbox{border:1.5px solid var(--jss-rule-neutral);width:18px;height:18px;accent-color:var(--jss-saffron);cursor:pointer;border-radius:4px}.VolunteerForm-module__OOgk4G__errorText{font-family:var(--font-body);color:var(--jss-maroon);margin-top:var(--space-1);font-size:.8rem}.VolunteerForm-module__OOgk4G__formError{border-left:4px solid var(--jss-maroon);color:var(--jss-maroon);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-body);text-align:left;background-color:#52020d1a;background-color:lab(15.3197% 35.1949 18.4908/.1);font-size:.9rem;font-weight:500}.VolunteerForm-module__OOgk4G__successState{text-align:center;padding:var(--space-12) var(--space-4);flex-direction:column;align-items:center;display:flex}.VolunteerForm-module__OOgk4G__checkmarkIcon{color:#008d23;color:lab(51.0586% -50.7905 44.6177);width:64px;height:64px;margin-bottom:var(--space-4);background-color:#37a64326;background-color:lab(60.2663% -47.7935 40.4795/.15);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.VolunteerForm-module__OOgk4G__successHeading{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);color:var(--jss-ink);margin-bottom:var(--space-2)}.VolunteerForm-module__OOgk4G__successMessage{font-family:var(--font-body);color:var(--jss-body);font-size:1rem}.VolunteerForm-module__OOgk4G__loaderWrapper{align-items:center;gap:var(--space-2);display:flex}.VolunteerForm-module__OOgk4G__spinner{width:20px;height:20px;animation:2s linear infinite VolunteerForm-module__OOgk4G__rotate}.VolunteerForm-module__OOgk4G__spinner .VolunteerForm-module__OOgk4G__path{stroke:var(--jss-ink);stroke-linecap:round;animation:1.5s ease-in-out infinite VolunteerForm-module__OOgk4G__dash}@keyframes VolunteerForm-module__OOgk4G__rotate{to{transform:rotate(360deg)}}@keyframes VolunteerForm-module__OOgk4G__dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}