
.ccf-wrapper { max-width: 720px; margin: 24px auto; padding: 8px; }
.ccf-card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.06); position: relative; }
.ccf-title { margin-top: 0; margin-bottom: 16px; font-size: 20px; }
.ccf-field { margin-bottom: 12px; }
.ccf-field label { display:block; font-size: 14px; margin-bottom:6px; color:#374151; }
.ccf-field input, .ccf-field textarea, .ccf-field select { width:100%; padding:12px; border-radius:12px; border:1px solid #d1d5db; background:#f9fafb; outline:none; }
.ccf-field input:focus, .ccf-field textarea:focus, .ccf-field select:focus { border-color:#9ca3af; background:#fff; }
.ccf-send { display:inline-block; border:none; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:600; transition: transform .15s ease; color:#fff; }
.ccf-send:active { transform: scale(0.98); }
.ccf-loading { margin-left: 8px; font-weight:600; animation: ccfPulse 1s infinite; }
@keyframes ccfPulse { 0% {opacity:.3} 50%{opacity:1} 100%{opacity:.3} }
.ccf-gdpr { font-size:12px; color:#6b7280; margin-top:8px; }
