.volunteer-page { background: #f5f8f8; }
.volunteer-hero {
    padding: clamp(4.5rem,9vw,7rem) 0 clamp(3rem,6vw,4.5rem);
    color: #fff;
    background: radial-gradient(circle at 85% 10%,rgba(42,172,160,.25),transparent 30%),linear-gradient(135deg,#0c1f2e,#123d3a);
}
.volunteer-hero-inner { max-width: 760px; }
.volunteer-eyebrow { display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#8ee5dc;font-size:var(--step--1);font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.volunteer-hero h1 { margin:0 0 .8rem;color:#fff;font-size:clamp(2.2rem,6vw,4rem); }
.volunteer-hero p { margin:0;color:rgba(255,255,255,.82);font-size:var(--step-0);line-height:1.7; }
.volunteer-section { padding:clamp(3rem,7vw,6rem) 0; }
.volunteer-layout { display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:2rem;max-width:1100px;margin:auto;align-items:start; }
.volunteer-form-card,.volunteer-info-card,.volunteer-info-note { border:1px solid rgba(15,55,53,.11);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(12,31,46,.07); }
.volunteer-form-card { padding:clamp(1.5rem,4vw,3rem); }
.volunteer-form-header { display:flex;gap:1rem;margin-bottom:2rem; }
.volunteer-form-icon { display:inline-flex;flex:0 0 50px;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;color:#fff;background:var(--primary-green); }
.volunteer-form-header > div > span { color:var(--primary-green);font-size:var(--step--2);font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.volunteer-form-header h2 { margin:.2rem 0 .35rem;color:var(--deep-blue);font-size:var(--step-2); }
.volunteer-form-header p,.volunteer-section-help { margin:0;color:var(--text-muted);font-size:var(--step--1);line-height:1.6; }
.volunteer-form { position:relative; }
.volunteer-form-section { margin:0 0 2rem;padding:0 0 2rem;border:0;border-bottom:1px solid var(--border-color); }
.volunteer-form-section legend { margin-bottom:1rem;color:var(--deep-blue);font-size:var(--step-0);font-weight:800; }
.volunteer-form-section legend > span { display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:.4rem;border-radius:50%;color:#fff;background:var(--primary-green);font-size:var(--step--2); }
.volunteer-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
.volunteer-field { margin-top:1rem; }
.volunteer-grid .volunteer-field { margin-top:0; }
.volunteer-field label { display:block;margin-bottom:.42rem;color:var(--deep-blue);font-size:var(--step--1);font-weight:700; }
.volunteer-field input,.volunteer-field select,.volunteer-field textarea { width:100%;min-height:48px;padding:.78rem .9rem;border:1.5px solid #cfe8eb;border-radius:10px;outline:0;color:var(--deep-blue);background:#fbfdfd;font:inherit; }
.volunteer-field input[type=file] { padding:.62rem .75rem;background:#fff; }
.volunteer-field--checkbox label { display:flex;align-items:flex-start;gap:.7rem;font-weight:600;line-height:1.5; }
.volunteer-field--checkbox input[type=checkbox] { flex:0 0 auto;width:19px;min-height:19px;height:19px;margin-top:.15rem;padding:0;accent-color:var(--primary-green); }
.volunteer-field textarea { resize:vertical; }
.volunteer-field input:focus,.volunteer-field select:focus,.volunteer-field textarea:focus { border-color:var(--primary-green);background:#fff;box-shadow:0 0 0 3px rgba(42,172,160,.13); }
.volunteer-field [aria-invalid=true] { border-color:#d63638; }
.volunteer-choice-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem; }
.volunteer-choice-grid label { cursor:pointer; }
.volunteer-choice-grid input { position:absolute;opacity:0;pointer-events:none; }
.volunteer-choice-grid label > span { display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.72rem .9rem;border:1.5px solid #d8e8e9;border-radius:10px;color:var(--text-main);background:#fff;font-size:var(--step--1);font-weight:650;transition:.2s; }
.volunteer-choice-grid label > span i { color:var(--primary-green); }
.volunteer-choice-grid input:checked + span { border-color:var(--primary-green);color:#126a62;background:rgba(42,172,160,.09);box-shadow:0 0 0 2px rgba(42,172,160,.1); }
.volunteer-choice-grid input:focus-visible + span { outline:3px solid rgba(42,172,160,.25); }
.volunteer-group-error,.volunteer-field-error { display:block;margin-top:.45rem;color:#b42318;font-size:var(--step--2); }
.volunteer-confirmations { display:flex;flex-direction:column;gap:.9rem; }
.volunteer-confirmations label { display:flex;align-items:flex-start;gap:.7rem;color:var(--text-main);font-size:var(--step--1);line-height:1.55; }
.volunteer-confirmations input { flex:0 0 auto;width:19px;height:19px;margin-top:.15rem;accent-color:var(--primary-green); }
.volunteer-submit { justify-content:center;min-width:270px; }
.volunteer-submit:disabled { cursor:wait;opacity:.7; }
.volunteer-status { display:none;margin-top:1rem;padding:.8rem 1rem;border-radius:10px; }
.volunteer-status.is-error { display:block;color:#9f1d1d;border:1px solid #fecaca;background:#fff1f2; }
.volunteer-success { padding:2rem 0;text-align:center; }
.volunteer-success[hidden] { display:none; }
.volunteer-success > i { color:var(--primary-green);font-size:3.5rem; }
.volunteer-success h2 { margin:1rem 0 .5rem;color:var(--deep-blue); }
.volunteer-success p { max-width:540px;margin:0 auto 1.5rem;color:var(--text-muted);line-height:1.7; }
.volunteer-info { position:sticky;top:130px;display:flex;flex-direction:column;gap:1rem; }
.volunteer-info-card,.volunteer-info-note { padding:1.7rem; }
.volunteer-info-card > i { color:var(--primary-green);font-size:1.8rem; }
.volunteer-info-card h2 { margin:.8rem 0 1rem;color:var(--deep-blue);font-size:var(--step-1); }
.volunteer-info-card ol { display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none; }
.volunteer-info-card li { display:flex;align-items:flex-start;gap:.7rem;color:var(--text-muted);font-size:var(--step--1);line-height:1.5; }
.volunteer-info-card li span { display:inline-flex;flex:0 0 25px;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;color:var(--primary-green);background:rgba(42,172,160,.12);font-weight:800; }
.volunteer-info-note { display:flex;align-items:flex-start;gap:.7rem;color:var(--text-muted);font-size:var(--step--2);line-height:1.55; }
.volunteer-info-note i { margin-top:.2rem;color:var(--primary-green); }
.volunteer-info-note p { margin:0; }
.volunteer-honeypot { position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
@media(max-width:900px){.volunteer-layout{grid-template-columns:1fr}.volunteer-info{position:static;order:-1}}
@media(max-width:640px){.volunteer-grid,.volunteer-choice-grid{grid-template-columns:1fr}.volunteer-submit{width:100%;min-width:0}.volunteer-form-header{flex-direction:column}}