.volunteer-page{background:#f7f5ed;color:#17231b}.volunteer-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3rem,7vw,6rem) max(5vw,24px);background:linear-gradient(135deg,#f8f6ed 0 63%,#e9f3df 63%)}.volunteer-hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.95;margin:.65rem 0 1.25rem;color:#214c2e}.volunteer-hero h1 em{color:#5a863d;font-style:italic;font-weight:500}.volunteer-hero>div>p:last-of-type{max-width:680px;font-size:1.1rem;line-height:1.7;color:#4c5b50}.welcome-video-card{background:#fff;border:1px solid #dfe5dc;border-radius:28px;overflow:hidden;box-shadow:0 22px 48px #214c2e1a}.welcome-video-card>div:last-child{padding:1.35rem 1.5rem 1.55rem}.welcome-video-card small{font-weight:900;letter-spacing:.1em;color:#4f8a55}.welcome-video-card h2{margin:.35rem 0 .45rem;color:#214c2e}.welcome-video-card p{margin:0;color:#5b655e;line-height:1.55}.welcome-preview{height:330px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff8c9 0 28%,#dceecf 29% 68%,#c5dfb6 69%)}.welcome-preview img{height:95%;max-width:88%;object-fit:contain;filter:drop-shadow(0 14px 12px #19382233)}.welcome-play{position:absolute;width:74px;height:74px;border:5px solid #fff;border-radius:50%;background:#285f38;color:#fff;font-size:1.6rem;box-shadow:0 12px 30px #163d2570;cursor:pointer}.welcome-play:hover{transform:scale(1.06)}.welcome-storyboard{margin:0 max(5vw,24px) 2rem;padding:clamp(1.5rem,4vw,2.5rem);background:#173f28;color:#fff;border-radius:28px}.welcome-storyboard[hidden]{display:none}.storyboard-top{display:flex;justify-content:space-between;gap:1rem}.storyboard-top h2{margin:.2rem 0}.storyboard-top button{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:#fff;font-size:1.8rem}.welcome-storyboard ol{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0;padding:0;list-style:none}.welcome-storyboard li{min-height:130px;padding:1rem;border-radius:16px;background:#ffffff10;border:1px solid #ffffff20;display:grid;gap:.65rem}.welcome-storyboard li b{color:#f4d35e}.production-note{margin:0;color:#d5e4d8;font-size:.9rem}.application-success,.application-error{margin:2rem auto;max-width:1040px}.application-success{display:flex;gap:1.25rem;padding:1.5rem;background:#e8f5df;border:1px solid #b9dca7;border-radius:20px}.application-success>span{width:52px;height:52px;display:grid;place-items:center;background:#285f38;color:#fff;border-radius:50%;font-size:1.4rem;flex:none}.application-success h2{margin:.2rem 0}.application-success dl{display:flex;gap:1rem;flex-wrap:wrap}.application-success dl div{padding:.65rem .85rem;background:#fff;border-radius:10px}.application-success dt{font-size:.7rem;font-weight:800;text-transform:uppercase}.application-success dd{margin:.2rem 0 0;font-family:monospace;font-weight:800}.application-error{padding:1rem 1.25rem;background:#fff0f0;border:1px solid #e8bbbb;border-radius:14px}.application-shell{max-width:1040px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 20px}.application-shell>header{text-align:center;max-width:760px;margin:0 auto 2rem}.application-shell>header h2{font-size:clamp(2rem,4vw,3.2rem);margin:.3rem 0;color:#214c2e}.volunteer-application{display:grid;gap:1.25rem}.form-section{margin:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid #dfe5dc;border-radius:22px;background:#fff;box-shadow:0 10px 28px #213f2812}.form-section>legend{padding:0 .55rem;font-size:1.2rem;font-weight:900;color:#214c2e}.form-section>legend span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:.45rem;border-radius:50%;background:#e9f3df;font-size:.75rem}.section-help{margin:.1rem 0 1rem;color:#627067}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:grid;gap:.42rem}.form-field.full{grid-column:1/-1}.form-field>span,.form-field>label{font-weight:800}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;padding:.78rem .9rem;border:1px solid #b9c8be;border-radius:11px;background:#fff;color:#17231b;font:inherit}.form-field textarea{min-height:112px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid #89bd7455;border-color:#4f8a55}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.skill-grid label{position:relative}.skill-grid input{position:absolute;opacity:0}.skill-grid span{min-height:48px;display:flex;align-items:center;padding:.7rem .85rem;border:1px solid #cfdacf;border-radius:12px;background:#fafbf8;font-weight:750}.skill-grid input:checked+span{border-color:#285f38;background:#e9f3df;color:#214c2e}.skill-grid input:focus-visible+span{outline:3px solid #89bd7455}.other-skill-field{margin-top:1rem}.inline-choice{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem}.inline-choice legend{font-weight:800;margin-bottom:.55rem}.inline-choice label{padding:.7rem .9rem;border-radius:10px;background:#f5f7f2}.upload-field{display:grid;gap:.6rem;padding:1rem;border:2px dashed #b8c8bd;border-radius:14px;background:#f9fbf7}.upload-field label{display:flex;justify-content:space-between;gap:1rem}.upload-field label span,.upload-field p{color:#657068;font-size:.85rem;margin:0}.consent-field{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;line-height:1.55}.consent-field input{width:22px;height:22px;flex:none}.privacy-note{padding:1rem;background:#fff8de;border-radius:12px;color:#5e573c;line-height:1.55}.submit-button{justify-self:center;border:0;padding:.95rem 1.5rem;background:#285f38;color:#fff;font-size:1rem;cursor:pointer}.hidden-field{position:absolute!important;left:-9999px!important}.portal-shell,.admin-shell{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 20px}.portal-card,.admin-card{background:#fff;border:1px solid #dfe5dc;border-radius:22px;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 12px 30px #213f2814}.status-pill{display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:#e9f3df;color:#285f38;font-weight:900;font-size:.78rem}.status-grid,.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.25rem 0}.status-grid article,.admin-metrics article{padding:1rem;border-radius:14px;background:#f6f7f2;border:1px solid #e1e6de}.status-grid b,.admin-metrics strong{display:block;font-size:1.5rem;color:#285f38}.agreement-box{margin-top:1.25rem;padding:1.25rem;border-radius:16px;background:#fff9df;border:1px solid #ecd781}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.75rem;border-bottom:1px solid #e2e6e0;text-align:left;vertical-align:top}.admin-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.admin-login{max-width:520px;margin:8vh auto;padding:20px}.admin-actions{display:flex;gap:.6rem;flex-wrap:wrap}.admin-actions select,.admin-actions input{min-height:40px;border:1px solid #bbc8bf;border-radius:8px;padding:.5rem}.filter-row{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.filter-row a{padding:.5rem .7rem;border-radius:999px;background:#eef3eb;color:#285f38;text-decoration:none;font-weight:800}.filter-row a.active{background:#285f38;color:#fff}@media(max-width:840px){.volunteer-hero{grid-template-columns:1fr;background:#f7f5ed}.welcome-video-card{max-width:600px}.welcome-storyboard ol{grid-template-columns:repeat(2,1fr)}.status-grid,.admin-metrics{grid-template-columns:repeat(2,1fr)}.portal-welcome{grid-template-columns:1fr}.admin-header{display:grid}}@media(max-width:620px){.volunteer-hero{padding-top:2rem}.volunteer-hero h1{font-size:2.8rem}.welcome-preview{height:260px}.form-grid,.skill-grid,.welcome-storyboard ol,.status-grid,.admin-metrics,.admin-insights{grid-template-columns:1fr}.upload-field label{display:grid}.application-success{margin-inline:16px}.application-success dl{display:grid}.main-actions .get-food-button{display:none}}@media(prefers-reduced-motion:reduce){.welcome-play{transition:none}.welcome-storyboard{scroll-behavior:auto}}