*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Poppins,sans-serif;background:#fdfbf7;color:#2e2a39;min-height:100vh;min-height:-webkit-fill-available;line-height:1.6;-webkit-font-smoothing:antialiased}.progress-container{max-width:680px;margin:20px auto 0;padding:0 16px}.progress-bar{display:flex;align-items:center;justify-content:space-between;position:relative}.progress-bar:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:#e2e8f0;transform:translateY(-50%);z-index:0}.progress-fill{position:absolute;top:50%;left:0;height:3px;background:#2563eb;transform:translateY(-50%);z-index:1;transition:width .4s ease}.progress-step{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#94a3b8;z-index:2;transition:all .3s ease}.progress-step.active{border-color:#2563eb;color:#2563eb;background:#eff6ff}.progress-step.completed{border-color:#2563eb;background:#2563eb;color:#fff}.progress-labels{display:flex;justify-content:space-between;margin-top:10px}.progress-label{font-size:10px;color:#94a3b8;text-align:center;width:65px;transition:color .3s}.progress-label.active{color:#2563eb;font-weight:600}.form-container{max-width:680px;margin:16px auto 32px;padding:0 12px}.form-card{background:#fff;border-radius:16px;padding:24px 16px;box-shadow:0 4px 24px #0000000f}.section-header{margin-bottom:24px}.section-title{font-size:20px;font-weight:700;color:#2e2a39;margin-bottom:6px}.section-subtitle{font-size:13px;color:#64748b;line-height:1.5}.form-group{margin-bottom:32px}.form-group:last-child{margin-bottom:0}.form-label{display:flex;align-items:flex-start;font-size:14px;font-weight:600;color:#2e2a39;margin-bottom:10px;line-height:1.4}.form-label .q-number{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;background:#2563eb;color:#fff;border-radius:6px;font-size:11px;font-weight:700;margin-right:8px;margin-top:1px;flex-shrink:0}.form-hint{font-size:12px;color:#94a3b8;margin-bottom:10px;font-weight:400;line-height:1.4}.required-star{color:#ec5a4c;margin-left:2px}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-family:Poppins,sans-serif;font-size:16px;color:#2e2a39;background:#fafbfc;transition:all .2s ease;outline:none;-webkit-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1a}input::placeholder,textarea::placeholder{color:#b0b8c4}textarea{resize:vertical;min-height:90px}input[type=date]{min-height:50px;line-height:1.2}input[type=date]:invalid:not(:focus){color:#b0b8c4}select{background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px}select:required:invalid{color:#b0b8c4}.date-picker-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-picker-row.three-col{grid-template-columns:1fr 1fr 1fr}.option-group{display:flex;flex-direction:column;gap:8px}.option-group.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option-item{position:relative}.option-item input[type=radio],.option-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.option-item label{display:flex;align-items:center;min-height:48px;padding:12px 14px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:14px;color:#475569;transition:all .15s ease;background:#fafbfc;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.option-item label:before{content:"";width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;margin-right:10px;flex-shrink:0;transition:all .15s ease}.option-item input[type=checkbox]+label:before{border-radius:6px}.option-item label:active{transform:scale(.98);background:#f1f5f9}.option-item input:checked+label{border-color:#2563eb;background:#eff6ff;color:#2e2a39;font-weight:500}.option-item input:checked+label:before{border-color:#2563eb;background:#2563eb;box-shadow:inset 0 0 0 3px #fff}.option-item input[type=checkbox]:checked+label:before{background:#2563eb url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2.5-2.5a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") no-repeat center;background-size:12px;box-shadow:none}.form-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:32px}.btn{padding:16px 24px;border-radius:40px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:52px;-webkit-tap-highlight-color:transparent}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:active{background:#1d4ed8;transform:scale(.98)}.btn-secondary{background:transparent;color:#64748b;border:2px solid #e2e8f0}.btn-secondary:active{background:#f8fafc;transform:scale(.98)}.btn-submit{background:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb4d;width:100%;padding:18px 24px;font-size:17px;min-height:56px}.btn-submit:active{background:#1d4ed8;transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn svg{width:18px;height:18px;flex-shrink:0}.section-divider{height:1px;background:#e2e8f0;margin:24px 0}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ec5a4c}.form-group.error .option-item label{border-color:#fca5a5}.error-message{color:#ec5a4c;font-size:12px;margin-top:6px;display:none}.form-group.error .error-message{display:block}.success-screen{text-align:center;padding:48px 16px}.success-icon{width:72px;height:72px;background:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-icon svg{width:36px;height:36px;color:#10b981}.success-title{font-size:22px;font-weight:700;margin-bottom:10px}.success-text{font-size:14px;color:#64748b;max-width:360px;margin:0 auto;line-height:1.6}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.disclaimer{text-align:center;font-size:11px;color:#94a3b8;margin-top:16px;line-height:1.5;padding:0 8px}.disclaimer a{color:#2563eb;text-decoration:none}.form-section{display:none}.form-section.active{display:block}@media(min-width:600px){.progress-container{margin-top:32px;padding:0 24px}.progress-step{width:36px;height:36px;font-size:13px}.progress-label{font-size:11px;width:80px}.form-container{margin:24px auto 40px;padding:0 24px}.form-card{padding:40px}.section-title{font-size:24px}.section-header{margin-bottom:32px}.section-subtitle{font-size:14px}.form-group{margin-bottom:36px}.option-group,.option-group.grid-2{gap:10px}.option-item label{padding:12px 16px}.option-item label:hover{border-color:#93b4f5;background:#f8faff}.form-actions{margin-top:36px}.btn-primary:hover{background:#1d4ed8;box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.btn-secondary:hover{border-color:#cbd5e1;color:#2e2a39}.btn-submit:hover{background:#1d4ed8;box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.btn-submit{width:100%}.section-divider{margin:28px 0}.disclaimer{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kicko-form.css.map */