.volunteer-page{color:#0d0d0d;background:#f4f6f8}.volunteer-hero{color:#fff;background:linear-gradient(125deg,#003f86,#0057b8 65%,#0d0d0d);padding:clamp(5rem,10vw,8rem) 0 4rem}.volunteer-hero .page-wrap{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:3rem;display:grid}.volunteer-hero h1{margin:.7rem 0 1rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.94}.volunteer-hero p{max-width:720px;font-size:1.15rem;line-height:1.7}.volunteer-hero-card{color:#0d0d0d;background:#fff;border-top:7px solid #c8ccd1;border-radius:20px;padding:1.5rem}.volunteer-hero-card a,.volunteer-button{color:#fff;cursor:pointer;background:#0057b8;border:0;border-radius:999px;padding:.85rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.volunteer-section{padding:4rem 0}.volunteer-section.alt{background:#fff}.volunteer-section h2{margin:.3rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem)}.volunteer-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.volunteer-categories article{color:#fff;background:#0d0d0d;border-radius:16px;min-height:125px;padding:1.2rem}.volunteer-categories b{color:#c8ccd1}.volunteer-flow{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.volunteer-flow article{border-top:4px solid #0057b8;padding-top:1rem}.volunteer-flow span{color:#0057b8;font-weight:900}.volunteer-application{grid-template-columns:minmax(250px,.6fr) minmax(0,1.4fr);align-items:start;gap:2.5rem;display:grid}.volunteer-form,.volunteer-profile-form{background:#fff;border:1px solid #d9dee3;border-radius:20px;gap:1.2rem;padding:clamp(1.2rem,3vw,2rem);display:grid;box-shadow:0 14px 38px #002d5f12}.volunteer-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.volunteer-form label,.volunteer-profile-form label{gap:.45rem;font-weight:700;display:grid}.volunteer-form input,.volunteer-form select,.volunteer-form textarea,.volunteer-profile-form textarea{font:inherit;background:#fff;border:1px solid #aeb7c0;border-radius:10px;padding:.78rem}.volunteer-form textarea,.volunteer-profile-form textarea{resize:vertical;min-height:105px}.volunteer-form fieldset,.volunteer-profile-form fieldset{border:0;margin:0;padding:0}.volunteer-form legend,.volunteer-profile-form legend{margin-bottom:.7rem;font-weight:850}.volunteer-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.volunteer-check-grid label{background:#f0f3f6;border-radius:10px;align-items:flex-start;gap:.5rem;padding:.65rem;font-weight:600;display:flex}.volunteer-check-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.consent{align-items:start;grid-template-columns:auto 1fr!important}.form-success{color:#126b36}.form-error{color:#a22626}.volunteer-dashboard{background:#f4f6f8;min-height:100vh;padding-bottom:5rem}.volunteer-dashboard-head{color:#fff;background:#0d0d0d;padding:4rem 0 2.5rem}.volunteer-dashboard-head h1{margin:.4rem 0;font-size:clamp(2.4rem,5vw,4.5rem)}.volunteer-summary{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:-1.5rem;display:grid}.volunteer-summary article,.volunteer-panel{background:#fff;border:1px solid #dce1e6;border-radius:16px;padding:1.2rem}.volunteer-summary strong{color:#0057b8;font-size:2.2rem;display:block}.volunteer-dashboard-grid{grid-template-columns:1.25fr .75fr;gap:1.2rem;margin-top:1.2rem;display:grid}.volunteer-panel h2{margin-top:0}.assignment-list{gap:.8rem;display:grid}.assignment-list article{background:#f3f5f7;border-left:4px solid #0057b8;border-radius:3px 12px 12px 3px;padding:.9rem}.assignment-meta{color:#596773;flex-wrap:wrap;gap:.5rem;font-size:.88rem;display:flex}.attendance-button{color:#0057b8;background:#fff;border:1px solid #0057b8;border-radius:999px;margin-top:.7rem;padding:.55rem .8rem;font-weight:800}.verified-hours{color:#126b36}.pending-hours{color:#6b7580}.empty-volunteer{background:#fff;border:1px dashed #9ba6af;border-radius:16px;padding:2rem}.empty-volunteer a{color:#0057b8;font-weight:800}@media (max-width:900px){.volunteer-hero .page-wrap,.volunteer-application,.volunteer-dashboard-grid{grid-template-columns:1fr}.volunteer-categories,.volunteer-flow,.volunteer-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.volunteer-form-grid,.volunteer-check-grid,.volunteer-check-grid.compact,.volunteer-categories,.volunteer-flow,.volunteer-summary{grid-template-columns:1fr}.volunteer-section{padding:3rem 0}.volunteer-form,.volunteer-profile-form{padding:1rem}}