/* Form Pages Styles */
.page-header { position: relative; height: 300px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(184,149,106,0.95), rgba(107,83,68,0.9)), url('https://images.unsplash.com/photo-1559027615-cd4628902d4a?w=1600&q=80') center/cover; margin-top: 78px; }
.page-header-overlay { position: absolute; inset: 0; background: radial-gradient(circle, transparent, rgba(0,0,0,0.2)); }
.page-header-content { position: relative; z-index: 2; text-align: center; color: white; }
.page-header h1 { font-size: 48px; font-weight: 700; margin-bottom: 10px; }
.page-header p { font-size: 18px; opacity: 0.9; }
.volunteer-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--spacing-md); margin: var(--spacing-lg) 0; }
.volunteer-type { text-align: center; padding: var(--spacing-lg); }
.volunteer-type i { font-size: 48px; color: var(--primary-gold); margin-bottom: var(--spacing-sm); }
.volunteer-type h3 { font-size: 22px; color: var(--text-dark); margin-bottom: 10px; }
.volunteer-type p { color: var(--text-light); line-height: 1.7; }
.form-container { max-width: 700px; margin: var(--spacing-xl) auto; padding: var(--spacing-lg); background: white; border-radius: var(--radius-md); box-shadow: var(--shadow-medium); }
.form-container h3 { font-size: 28px; color: var(--text-dark); margin-bottom: var(--spacing-lg); text-align: center; }
.checkbox-group { display: flex; gap: var(--spacing-sm); flex-wrap: wrap; }
.donate-methods { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-md); margin: var(--spacing-lg) 0; }
.donate-method { padding: var(--spacing-lg); text-align: center; border: 2px solid var(--warm-beige); border-radius: var(--radius-md); transition: var(--transition-smooth); }
.donate-method:hover { border-color: var(--primary-gold); transform: translateY(-5px); box-shadow: var(--shadow-medium); }
.donate-method i { font-size: 48px; color: var(--primary-gold); margin-bottom: var(--spacing-sm); }
.donate-method h3 { font-size: 22px; color: var(--text-dark); margin-bottom: 10px; }
.resource-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-md); margin-top: var(--spacing-lg); }
.resource-card { padding: var(--spacing-md); }
.resource-card h3 { font-size: 22px; color: var(--text-dark); margin-bottom: var(--spacing-sm); display: flex; align-items: center; gap: 10px; }
.resource-card i { color: var(--primary-gold); font-size: 24px; }
.resource-list { list-style: none; }
.resource-list li { padding: 12px 0; border-bottom: 1px solid var(--warm-beige); }
.resource-list li:last-child { border-bottom: none; }
.resource-list a { color: var(--text-dark); text-decoration: none; display: flex; justify-content: space-between; align-items: center; transition: var(--transition-fast); }
.resource-list a:hover { color: var(--primary-gold); padding-left: 10px; }
.faq-item { margin-bottom: var(--spacing-md); border-bottom: 1px solid var(--warm-beige); padding-bottom: var(--spacing-md); }
.faq-question { font-size: 18px; font-weight: 600; color: var(--text-dark); margin-bottom: 10px; display: flex; align-items: flex-start; gap: 10px; }
.faq-question::before { content: 'Q:'; color: var(--primary-gold); font-weight: 700; flex-shrink: 0; }
.faq-answer { color: var(--text-light); line-height: 1.8; padding-left: 30px; }
@media (max-width: 768px) { .page-header h1 { font-size: 36px; } .volunteer-types, .donate-methods, .resource-categories { grid-template-columns: 1fr; } }