/* Modern, responsive styles for the feedback form */
.csf-wrapper{max-width:820px;margin:20px auto;padding:20px;border-radius:16px;background:#ffffff;box-shadow:0 10px 24px rgba(0,0,0,0.06);}
.csf-form{display:block;width:100%;}
.csf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.csf-field{display:flex;flex-direction:column;}
.csf-field.required label::after{content:" *";color:#e11d48;font-weight:600;}
.csf-field label{font-weight:600;margin-bottom:6px;}
.csf-field input,.csf-field textarea{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font-size:15px;outline:none;transition:border .2s, box-shadow .2s;background:#f9fafb;}
.csf-field input:focus,.csf-field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.15);background:#fff;}
.csf-field-textarea{grid-column:1/-1;}
.csf-field textarea{min-height:140px;resize:vertical;}
.csf-btn{grid-column:1/-1;background:#111827;color:#fff;border:none;border-radius:12px;padding:12px 18px;font-size:16px;cursor:pointer;transition:transform .05s ease, box-shadow .2s;box-shadow:0 8px 18px rgba(0,0,0,.08);}
.csf-btn:hover{box-shadow:0 10px 22px rgba(0,0,0,.12);}
.csf-btn:active{transform:translateY(1px);}
.csf-preloader{display:flex;align-items:center;gap:16px;justify-content:flex-start;margin-top:16px;}
.csf-spinner{width:24px;height:24px;border-radius:9999px;border:3px solid #e5e7eb;border-left-color:#3b82f6;animation:spin 1s linear infinite;}
@keyframes spin {to{transform:rotate(360deg);}}
.csf-typing{font-size:14px;opacity:.9;}
.csf-success{margin-top:12px;background:#ecfdf5;border:1px solid #10b9811f;padding:12px 14px;border-radius:12px;color:#065f46;}
.csf-error{margin-top:12px;background:#fef2f2;border:1px solid #ef44441f;padding:12px 14px;border-radius:12px;color:#991b1b;}
@media (max-width:720px){.csf-grid{grid-template-columns:1fr;}}