.page-header { padding: 180px 0 100px; background: linear-gradient(135deg, var(--color-cream) 0%, var(--color-yellow-soft) 50%, var(--color-cream-dark) 100%); text-align: center; }
.page-header-content { max-width: 800px; margin: 0 auto; padding: 0 40px; }
.page-title { font-family: var(--font-primary); font-size: 56px; color: var(--color-text-primary); margin-bottom: 20px; }
.page-subtitle { font-size: 20px; color: var(--color-text-secondary); }
.contact-section { padding: 100px 0; background: var(--color-white); }
.contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px; }
.contact-info h2, .contact-form-wrapper h2 { font-family: var(--font-primary); font-size: 32px; color: var(--color-text-primary); margin-bottom: 30px; }
.info-item { display: flex; gap: 20px; margin-bottom: 30px; }
.info-icon { width: 50px; height: 50px; background: var(--color-cream-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.info-icon svg { width: 24px; height: 24px; stroke: var(--color-brown-dark); }
.info-content h4 { font-size: 16px; color: var(--color-text-primary); margin-bottom: 8px; }
.info-content p { font-size: 14px; color: var(--color-text-secondary); }
.contact-form-wrapper { background: var(--color-cream); padding: 40px; border-radius: var(--border-radius-lg); }
.form-group { margin-bottom: 20px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 15px; border: 2px solid var(--color-brown-light); border-radius: var(--border-radius-md); background: var(--color-white); font-size: 15px; transition: var(--transition-smooth); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--color-accent); }
.form-group textarea { resize: vertical; min-height: 120px; }
@media (max-width: 992px) { .contact-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .page-title { font-size: 36px; } .contact-form-wrapper { padding: 25px; } }