.projects-page-hero{position:relative;padding:140px 0 60px;background-color:var(--primary-dark);overflow:hidden;text-align:center}.projects-page-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/tree.webp') center/cover no-repeat fixed;opacity:0.65;z-index:1}.projects-page-hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to bottom, rgba(8, 75, 23, 0.3) 0%, rgba(8, 75, 23, 0.45) 100% );z-index:2}.projects-hero-content{position:relative;z-index:3}.projects-hero-content .section-title{color:var(--text-light);margin-bottom:12px;font-size:2.6rem}.projects-hero-content .section-subtitle{color:rgba(255, 255, 255, 0.75);max-width:600px;margin:0 auto}.volunteer-section{background-color:#F4F6F4;padding:80px 0}.volunteer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;margin-bottom:20px}.volunteer-text{font-size:1.05rem;color:var(--text-muted);line-height:1.7;margin-bottom:20px}.volunteer-text:last-of-type{margin-bottom:0}.volunteer-mini-stats{display:flex;gap:40px;margin-top:36px;border-top:1px solid rgba(8, 75, 23, 0.08);padding-top:28px}.mini-stat-item{display:flex;flex-direction:column;gap:4px}.mini-stat-num{font-size:1.9rem;font-weight:700;color:var(--primary-dark);line-height:1.1}.mini-stat-label{font-size:0.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.8px}.volunteer-image-wrapper{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);background-color:#e2ede5;aspect-ratio:4 / 3}.volunteer-image-wrapper:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.volunteer-img{width:100%;height:100%;object-fit:cover;display:block}.volunteer-img-badge{position:absolute;bottom:16px;left:16px;background-color:rgba(8, 75, 23, 0.85);color:#ffffff;padding:6px 14px;border-radius:var(--radius-full);font-size:0.8rem;font-weight:500;display:flex;align-items:center;gap:6px;backdrop-filter:blur(4px);border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.section-separator{width:100%;height:1px;background:rgba(8, 75, 23, 0.08);margin:60px 0 50px}.volunteer-form-area{max-width:600px;margin:0 auto}.volunteer-form-wrapper{background-color:#ffffff;border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow-sm);border:1px solid rgba(8, 75, 23, 0.05)}.light-input{background-color:#ffffff;border:1.5px solid #d0d8d0;color:var(--text-dark)}.light-input::placeholder{color:rgba(0, 0, 0, 0.45)}.light-input:focus{background-color:#ffffff;border-color:var(--primary-accent);box-shadow:0 0 0 4px rgba(74, 155, 95, 0.15);color:var(--text-dark)}.light-success{background-color:var(--accent-light);border:1px solid rgba(74, 155, 95, 0.3);color:var(--primary-dark)}.volunteer-form-wrapper .btn-submit-form{width:100%;padding:14px;font-weight:600;border-radius:var(--radius-md);margin-top:8px}@media (max-width:1024px){.volunteer-grid{gap:40px}}@media (max-width:768px){.projects-page-hero{padding:120px 0 50px}.projects-hero-content .section-title{font-size:2.1rem}.volunteer-section{padding:50px 0 60px}.volunteer-grid{grid-template-columns:1fr;gap:40px}.volunteer-mini-stats{gap:20px;justify-content:space-around}.volunteer-image-wrapper{max-width:480px;margin:0 auto;width:100%}.section-separator{margin:40px 0 30px}.volunteer-form-wrapper{padding:30px 20px}}