.volunteer-hero{background:linear-gradient(125deg,#073d25 0%,#0c5a35 68%,#568e36 100%);color:#fff;padding:90px 0 84px;position:relative;overflow:hidden}.volunteer-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-120px;top:-180px}.volunteer-hero-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:70px;align-items:center;position:relative;z-index:1}.volunteer-hero .eyebrow{color:#bbdc75}.volunteer-hero h1{font-family:var(--font-display);font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.045em;max-width:800px;margin:14px 0 24px}.volunteer-hero p{font-size:1.08rem;line-height:1.75;max-width:690px;color:#dcece2;margin-bottom:30px}.volunteer-fact{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);border-radius:18px;padding:28px;display:grid;gap:5px}.volunteer-fact span{font-size:.68rem;letter-spacing:.12em;color:#b9d5c3;margin-top:14px}.volunteer-fact span:first-child{margin-top:0}.volunteer-fact strong{font-size:1rem}.roles-section{padding:90px 0;background:#f5f8f5}.section-heading{max-width:700px;margin-bottom:38px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.role-card{background:#fff;border:1px solid #dce7df;border-radius:16px;padding:26px;min-height:280px;box-shadow:0 8px 28px rgba(8,62,35,.05)}.role-number{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e5f2e8;color:#17663a;font-weight:800;font-size:.78rem}.role-card h3{font-family:var(--font-display);font-size:1.25rem;line-height:1.25;margin:20px 0 10px;color:#123e29}.role-card p{font-size:.9rem;color:#64756b;line-height:1.6}.role-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.role-tags span{font-size:.7rem;padding:6px 8px;background:#f1f5f2;border-radius:99px;color:#496356}.application-section{padding:95px 0}.application-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;align-items:start}.application-intro{position:sticky;top:120px}.application-intro h2{font-family:var(--font-display);font-size:2.25rem;line-height:1.15;color:#103d27;margin:12px 0 18px}.application-intro p,.application-intro li{color:#617169;line-height:1.7}.application-intro ul{padding-left:20px;margin-top:24px}.application-card{background:#fff;border:1px solid #dce6df;border-radius:20px;box-shadow:0 16px 48px rgba(12,66,37,.08);padding:38px}.form-section{border:0;border-bottom:1px solid #e3ebe5;padding:0 0 34px;margin:0 0 34px}.form-section-title{display:flex;gap:14px;align-items:center;margin-bottom:24px}.form-section-title>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#0c5a35;color:#fff;font-weight:800}.form-section-title h3{margin:0;font-family:var(--font-display);font-size:1.18rem;color:#153f2b}.form-section-title p{margin:3px 0 0;color:#728079;font-size:.8rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid .full{grid-column:1/-1}#volunteer-form label,#volunteer-form legend{display:block;font-size:.8rem;font-weight:700;color:#304b3b}#volunteer-form input[type=text],#volunteer-form input[type=email],#volunteer-form input[type=tel],#volunteer-form input[type=url],#volunteer-form select,#volunteer-form textarea{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #cfdcd3;border-radius:9px;background:#fbfcfb;color:#183429;font:inherit;font-size:.88rem;transition:.2s}#volunteer-form textarea{resize:vertical;line-height:1.55}#volunteer-form input:focus,#volunteer-form select:focus,#volunteer-form textarea:focus{outline:0;border-color:#1b7a45;box-shadow:0 0 0 3px rgba(27,122,69,.12);background:#fff}#volunteer-form fieldset{border:0;padding:0;margin:24px 0}#volunteer-form legend small{font-weight:400;color:#78867e}.duty-group{margin-top:20px;padding:18px;background:#f7faf7;border-radius:12px}.duty-group h4{font-size:.82rem;color:#155b35;margin:0 0 12px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.check-grid label,.date-options label,.agreements label{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important;line-height:1.45;cursor:pointer}.check-grid input,.date-options input,.agreements input{accent-color:#14713e;margin-top:2px;flex:0 0 auto}.date-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.date-options label{padding:12px;border:1px solid #d7e2da;border-radius:9px;background:#fafcfb}.agreements{display:grid;gap:14px}.submit-button{width:100%;justify-content:center;border:0;font-size:.95rem;padding:15px}.privacy-note{text-align:center;color:#7b8881;font-size:.72rem;line-height:1.5;margin:13px auto 0;max-width:560px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.form-alert{padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:.84rem}.form-alert.error{background:#fde8e8;color:#8a2424}.application-success{text-align:center;padding:70px 20px}.application-success>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:#dff3e5;color:#176a37;font-size:1.8rem}.application-success h2{font-family:var(--font-display);color:#123e29}.application-success p{color:#64756b;max-width:540px;margin:12px auto 26px;line-height:1.7}footer{background:#092f20;color:#b8c9bf;padding:24px 0}.footer-bottom{display:flex;justify-content:space-between;font-size:.76rem}.is-invalid{border-color:#ba3333!important}.shake{animation:shake .3s}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:1050px){.volunteer-hero-grid,.application-layout{grid-template-columns:1fr}.volunteer-fact{max-width:500px}.role-grid{grid-template-columns:1fr 1fr}.application-intro{position:static;max-width:700px}}
@media(max-width:680px){.volunteer-hero{padding:65px 0}.role-grid,.field-grid,.check-grid,.date-options{grid-template-columns:1fr}.application-card{padding:24px 18px}.application-section,.roles-section{padding:65px 0}.footer-bottom{display:grid;gap:8px}.volunteer-hero h1{font-size:2.55rem}}
body{overflow-x:hidden}.volunteer-hero h1{color:#fff}
#volunteer-form input[type=checkbox]{display:inline-block;width:16px!important;height:16px!important;min-width:16px;padding:0;margin:2px 0 0;border-radius:3px;flex:0 0 16px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid label,.date-options label,.agreements label{justify-content:flex-start;min-width:0}
@media(max-width:680px){.check-grid{grid-template-columns:minmax(0,1fr)}}