.input-group{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);display:flex;position:absolute;left:14px}.input-field{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:.9375rem}.input-field.has-icon{padding-left:44px}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--border-hover)}.input-field:focus{border-color:var(--ellever-purple);background:var(--bg-surface);box-shadow:0 0 0 3px #8129851f}.input-field:focus~.input-icon,.input-wrapper:focus-within .input-icon{color:var(--ellever-purple)}.input-field:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset!important;box-shadow:0 0 0 1000px var(--bg-surface) inset!important;border-color:var(--border-hover)!important}.input-field:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset!important;box-shadow:0 0 0 1000px var(--bg-surface) inset!important;border-color:var(--border-hover)!important}.input-field:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset!important;box-shadow:0 0 0 1000px var(--bg-surface) inset!important;border-color:var(--border-hover)!important}.input-field:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset!important;box-shadow:0 0 0 1000px var(--bg-surface) inset!important;border-color:var(--border-hover)!important}.input-error .input-field{border-color:var(--danger)}.input-error .input-field:focus{box-shadow:0 0 0 3px #ef44441f}.input-error-msg{color:var(--danger);font-size:.75rem}@media (max-width:768px){.input-field{font-size:16px!important}}