.volunteer-page{min-height:100vh;background:var(--slate-50)}.volunteer-page .hero{position:relative;padding:8rem 0 6rem;background:var(--slate-900);color:#fff;text-align:center;overflow:hidden}.volunteer-page .hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#1e293b,#0f172a)}.volunteer-page .hero:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.volunteer-page .hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 1.5rem}.volunteer-page .hero h1{font-size:4rem;font-weight:800;margin-bottom:1rem;color:var(--white);letter-spacing:-.03em}.volunteer-page .hero-subtitle{font-size:1.5rem;color:var(--slate-300);font-weight:300;line-height:1.5}.volunteer-page .intro-section{padding:6rem 0;background:var(--white);text-align:center}.volunteer-page .intro-text{font-size:1.75rem;line-height:1.6;max-width:900px;margin:0 auto 2rem;color:var(--slate-600);font-weight:300}.volunteer-page .sub-text{font-size:1.2rem;color:var(--slate-500);max-width:700px;margin:0 auto}.volunteer-page .highlight{color:var(--primary-pink);font-weight:600}.volunteer-page .opportunities-section{padding:6rem 0}.volunteer-page .section-header{text-align:center;margin-bottom:4rem}.volunteer-page .section-header h2{font-size:2.5rem;color:var(--slate-900);margin-bottom:1rem}.volunteer-page .section-header p{font-size:1.25rem;color:var(--slate-500)}.volunteer-page .opportunities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.volunteer-page .opportunity-card{background:var(--white);border-radius:20px;padding:2.5rem;border:1px solid var(--slate-200);transition:all .3s ease;position:relative;overflow:hidden}.volunteer-page .opportunity-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--light-pink)}.volunteer-page .opportunity-card.featured{border:2px solid #ec4899;background:linear-gradient(145deg,#fff,#fff0f7)}.volunteer-page .card-badge{position:absolute;top:1.5rem;right:1.5rem;background:#ec4899;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.35rem .85rem;border-radius:50px}.volunteer-page .icon-wrapper{font-size:2.5rem;margin-bottom:1.5rem;width:70px;height:70px;background:var(--slate-50);border-radius:50%;display:flex;align-items:center;justify-content:center}.volunteer-page .opportunity-card h3{font-size:1.5rem;color:var(--slate-900);margin-bottom:.5rem}.volunteer-page .opportunity-card>p{color:var(--slate-500);margin-bottom:1.5rem;line-height:1.5}.volunteer-page .role-list{list-style:none;padding:0;margin-bottom:1.5rem}.volunteer-page .role-list li{padding:.35rem 0;color:var(--slate-600);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.volunteer-page .role-list li:before{content:"";width:6px;height:6px;background:var(--primary-pink);border-radius:50%}.volunteer-page .requirement{display:flex;align-items:center;gap:.5rem;color:#ec4899;font-size:.85rem;font-weight:600;background:#ec48991a;padding:.75rem;border-radius:8px}.volunteer-page .form-section{padding:6rem 0;background:linear-gradient(to bottom,var(--slate-50) 0%,#fff 100%)}.volunteer-page .form-wrapper{max-width:800px;margin:0 auto;background:var(--white);padding:4rem;border-radius:32px;box-shadow:var(--shadow-xl);border:1px solid var(--slate-100)}.volunteer-page .form-header{text-align:center;margin-bottom:3rem}.volunteer-page .premium-form{display:flex;flex-direction:column;gap:1.5rem}.volunteer-page .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.volunteer-page .input-group{display:flex;flex-direction:column;gap:.5rem}.volunteer-page .input-group label{font-weight:600;font-size:.9rem;color:var(--slate-700)}.volunteer-page .input-group input,.volunteer-page .input-group select,.volunteer-page .input-group textarea{padding:1rem;border:1px solid var(--slate-200);border-radius:12px;font-size:1rem;color:var(--slate-900);background:var(--slate-50);transition:all .2s;font-family:inherit;width:100%}.volunteer-page .input-group input:focus,.volunteer-page .input-group select:focus,.volunteer-page .input-group textarea:focus{outline:none;background:#fff;border-color:var(--primary-pink);box-shadow:0 0 0 4px #fce7f3}.volunteer-page .select-wrapper{position:relative}.volunteer-page .select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--slate-500)}.volunteer-page .select-wrapper select{appearance:none;cursor:pointer}.volunteer-page .conditional-section{background:#fdf2f8;padding:1.5rem;border-radius:16px;border:1px solid #fbcfe8;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.volunteer-page .submit-btn{width:100%;padding:1.25rem;background:var(--slate-900);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.volunteer-page .submit-btn:hover{background:var(--primary-pink);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.volunteer-page .form-message{text-align:center;margin-top:1.5rem;font-weight:600}.volunteer-page .form-message.success{color:#10b981}.volunteer-page .form-message.error{color:#ef4444}.volunteer-page .impact-section{padding:6rem 0;background:var(--slate-900);color:#fff}.volunteer-page .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;text-align:center}.volunteer-page .stat-num{display:block;font-size:4rem;font-weight:800;color:var(--primary-pink);line-height:1;margin-bottom:.5rem}.volunteer-page .stat-label{font-size:1.2rem;color:var(--slate-300)}@media(max-width:768px){.volunteer-page .hero h1{font-size:2.5rem}.volunteer-page .form-wrapper{padding:2rem}.volunteer-page .form-grid-2{grid-template-columns:1fr}.volunteer-page .stats-grid{grid-template-columns:1fr;gap:3rem}}