/* css/forms.css — Form styles */
.contact-form-standalone { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; gap: 1rem; }
.form-field { display: flex; flex-direction: column; gap: 0.35rem; }
.form-field label { font-family: var(--font-heading); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-navy); }
.form-field input, .form-field textarea, .form-field select { width: 100%; padding: 0.875rem 1rem; border: 1.5px solid var(--color-border); color: var(--color-text-dark); font-family: var(--font-body); font-size: var(--text-base); border-radius: var(--border-radius); transition: border-color var(--transition-fast); outline: none; background: var(--color-white); }
.form-field input:focus, .form-field textarea:focus { border-color: var(--color-navy); }
.form-field textarea { min-height: 120px; resize: vertical; }
.form-success { padding: 1rem; background: #e8f5e9; border: 1px solid #a5d6a7; border-radius: var(--border-radius); color: #2e7d32; font-size: var(--text-sm); display: none; }
.form-success.visible { display: block; }