/* Contact page (page-contact.php) styles */
.contact-page { background: var(--color-black); color: var(--color-text-primary); min-height: 80vh; }
.contact-hero { padding: var(--spacing-3xl) 0 20px 0; text-align: center; }
.contact-title { font-size: 2.5rem; color: var(--color-gold); }
.contact-subtitle { color: var(--color-text-secondary); margin-top: 10px; }
.contact-info { padding: var(--spacing-2xl) 0; }
.contact-info-container { display: flex; flex-wrap: wrap; gap: var(--spacing-2xl); justify-content: center; }
.contact-details { flex: 1 1 300px; max-width: 400px; background: var(--color-black-secondary); padding: var(--spacing-xl); border-radius: var(--border-radius-lg); }
.contact-details ul { list-style: none; padding: 0; }
.contact-details li { margin-bottom: var(--spacing-md); }
.contact-form-wrapper { flex: 1 1 350px; max-width: 500px; background: var(--color-black-secondary); padding: var(--spacing-xl); border-radius: var(--border-radius-lg); }
.contact-form .form-group { margin-bottom: var(--spacing-lg); }
.contact-form label { display: block; margin-bottom: var(--spacing-xs); color: var(--color-gold); }
.contact-form input, .contact-form textarea { width: 100%; padding: 10px; border: var(--border-width-thin) solid var(--color-gold); border-radius: var(--border-radius-sm); background: var(--color-black); color: var(--color-text-primary); }
.contact-form button { background: var(--color-gold); color: var(--color-black); border: none; padding: var(--spacing-sm) var(--spacing-xl); border-radius: var(--border-radius-sm); font-weight: var(--font-weight-bold); cursor: pointer; transition: background var(--animation-duration-fast); }
.contact-form button:hover { background: var(--color-gold-dark); }