:root{--co-blue:#1a56db;--co-blue-dark:#1342b0;--co-blue-light:#e8f0fd;--co-green:#0e9f6e;--co-green-light:#def7ec;--co-red:#e02424;--co-red-light:#fde8e8;--co-gray-50:#f9fafb;--co-gray-100:#f3f4f6;--co-gray-200:#e5e7eb;--co-gray-400:#9ca3af;--co-gray-600:#4b5563;--co-gray-800:#1f2937;--co-radius:10px;--co-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--co-shadow-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.05);--co-transition:all .18s ease}.co-support-wrap{max-width:600px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--co-gray-800)}.co-support-intro{margin-bottom:2rem;font-size:1rem;line-height:1.6;color:var(--co-gray-600);padding:1rem 1.25rem;background:var(--co-blue-light);border-left:4px solid var(--co-blue);border-radius:var(--co-radius)}.co-support-form{display:flex;flex-direction:column;gap:1.25rem}.co-field-group{display:flex;flex-direction:column;gap:.4rem}.co-label{font-size:.875rem;font-weight:600;color:var(--co-gray-800);display:block}.co-optional{font-weight:400;color:var(--co-gray-400);font-size:.8rem}.co-required{color:var(--co-red)}.co-input,.co-textarea{width:100%;box-sizing:border-box;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:var(--co-gray-800);background:#fff;border:1.5px solid var(--co-gray-200);border-radius:var(--co-radius);box-shadow:var(--co-shadow);transition:var(--co-transition);appearance:none;-webkit-appearance:none}.co-input:focus,.co-textarea:focus{outline:none;border-color:var(--co-blue);box-shadow:0 0 0 3px rgba(26,86,219,.12)}.co-textarea{resize:vertical;min-height:90px;line-height:1.5}.co-upload-zone{position:relative;border:2px dashed var(--co-gray-200);border-radius:var(--co-radius);background:var(--co-gray-50);min-height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--co-transition);overflow:hidden}.co-upload-zone:hover,.co-upload-zone:focus-within{border-color:var(--co-blue);background:var(--co-blue-light)}.co-upload-zone.co-drag-over{border-color:var(--co-blue);background:var(--co-blue-light);transform:scale(1.01)}.co-file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.co-upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;text-align:center;pointer-events:none;color:var(--co-gray-600)}.co-upload-icon{color:var(--co-blue);opacity:.8}.co-upload-text{margin:0;font-size:.95rem;line-height:1.5}.co-upload-text strong{color:var(--co-blue)}.co-upload-hint{margin:0;font-size:.78rem;color:var(--co-gray-400)}.co-upload-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.co-upload-preview img{max-width:100%;max-height:220px;border-radius:6px;box-shadow:var(--co-shadow-md);object-fit:contain}.co-remove-file{font-size:.8rem;color:var(--co-red);background:0 0;border:1px solid var(--co-red);border-radius:6px;padding:.3rem .75rem;cursor:pointer;transition:var(--co-transition);z-index:3;position:relative}.co-remove-file:hover{background:var(--co-red-light)}.co-error,.co-form-error{font-size:.85rem;color:var(--co-red);margin-top:.25rem;display:none}.co-form-error{padding:.75rem 1rem;background:var(--co-red-light);border:1px solid #fca5a5;border-radius:var(--co-radius);display:none}.co-form-error.visible,.co-error.visible{display:block}.co-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;font-size:1.05rem;font-weight:600;font-family:inherit;color:#fff;background:var(--co-blue);border:none;border-radius:var(--co-radius);cursor:pointer;transition:var(--co-transition);box-shadow:0 2px 8px rgba(26,86,219,.25);margin-top:.5rem}.co-submit-btn:hover:not(:disabled){background:var(--co-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,86,219,.3)}.co-submit-btn:active{transform:translateY(0)}.co-submit-btn:disabled{opacity:.65;cursor:not-allowed}.co-spinner{animation:co-spin .8s linear infinite}@keyframes co-spin{to{transform:rotate(360deg)}}.co-success{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:2.5rem 1.5rem;background:var(--co-green-light);border:1.5px solid #6ee7b7;border-radius:var(--co-radius);animation:co-fade-in .35s ease}.co-success-icon{color:var(--co-green)}.co-success h3{margin:0;font-size:1.35rem;color:var(--co-gray-800)}.co-success p{margin:0;color:var(--co-gray-600);font-size:.95rem;line-height:1.6}@keyframes co-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.co-how-it-works{max-width:600px;margin:1.5rem auto 0;background:#fff;border:1px solid var(--co-gray-200);border-radius:var(--co-radius);padding:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.05)}.co-how-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--co-gray-800);margin:0 0 1.25rem}.co-how-title svg{color:var(--co-blue);flex-shrink:0}.co-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.co-step{display:flex;align-items:flex-start;gap:.875rem;font-size:.925rem;color:var(--co-gray-600);line-height:1.5}.co-step-num{width:26px;height:26px;border-radius:50%;background:var(--co-blue);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.co-step strong{color:var(--co-gray-800)}@media (max-width:480px){.co-support-intro{font-size:.9rem}.co-upload-zone{min-height:120px}.co-submit-btn{font-size:1rem;padding:.85rem 1.25rem}}