/* assets/contact.css — contact.html component styles
   prosperloansapp.com — June 2026 */

.contact-form-card{background:#FFF;border:1px solid var(--border);border-radius:var(--r-xl);padding:36px;box-shadow:var(--shadow-md)}
    .form-field{margin-bottom:18px}
    .form-field label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}
    .form-field input,.form-field select,.form-field textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--r-md);font-family:inherit;font-size:15px;color:var(--text-primary);background:#FFF;transition:border-color var(--t);outline:none}
    .form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent-secondary)}
    .form-field textarea{height:120px;resize:vertical}
    .submit-btn{min-height:52px;width:100%;background:var(--accent-primary);color:#FFF;font-size:15px;font-weight:700;border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--t)}
    .submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}
    .info-card{background:#FFF;border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:16px}
    .info-card h3{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:10px}
    .info-card p{font-size:14px;color:var(--text-secondary);line-height:1.65}