/* Contact page styles (moved out of an inline <style> block so the CSP needs no 'unsafe-inline'). */
.contact-form { display: grid; gap: 1.25rem; }
.form-submit:disabled { opacity: 0.5; cursor: not-allowed; }
.contact-error {
    background: rgba(255, 107, 53, 0.1); border: 1px solid rgba(255, 107, 53, 0.3);
    border-radius: 12px; padding: 1rem; color: var(--error); font-size: 0.9rem; text-align: center;
}
.contact-success {
    text-align: center; padding: 3rem 1rem;
}
.contact-success .checkmark {
    width: 64px; height: 64px; margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, var(--trail-500), var(--trail-700));
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 2rem; color: #fff;
}
.contact-success h2 {
    font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--text-1);
}
.contact-success p {
    color: var(--text-2); font-size: 0.95rem;
}